/***************
 * Page
 **************/
 body {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 90%;
	margin: 0;
	padding: 0;
	background: #000;
 }
 img, div { behavior:url(iepngfix.htc); }
/*************** 
 * Container box, holds the page together
 **************/
 #wrap {	
	margin: 0 auto;
	width: 1000px;
	padding: 0 2px 0 3px;
	background: #000;
 }
 
 #content p, #content h2 { /* just for misc contents leftmargin */
	padding: 0 24px;
 }
/****************
 * Pageheader
 ***************/
 #header {
 	float: left;
	border: 0;
	margin: 0 auto;
	text-align: left;
	width: 89px;
	border-bottom: 0;
	margin-top: 33px;
	display: none;
 }
 * html #header {
	margin-top: 31px;
 }
 #header h1 {
	color: #fff;
	margin: 0;
	padding: 5px;
 }
 
/***************
 * Content
 **************/
 #content {
 	float: right;
	width: 100%;
	text-align: left;
	padding: 0;
	margin-top: 0;	
	clear: both;
 }
 #categories {
 	float: left;
 	width: 375px;
	padding: 0 10px;
	padding-top: 2px;
	margin-top: 0;
	color: #444;
	height: 477px;
 }
 * html #categories {
	height: 480px; 
 }
 #categories.slideshowscats {
	height: 537px; 
 }
 * html #categories.slideshowscats {
	height: 561px; 
 }
 #categories iframe {
 	border: 0;
 }
 html * #categories.slideshowscats {
	 padding-top: 5x;
 }
 #category_desc {
 	float: left;
 	width: 520px;
	font-size: 12px;
	color: #555;
	height: 22px;
	margin-top: 0;
	padding-top: 2px;
 }
 #category_desc span {
 	font-size: 11px;
	color: #555;
 }
 #image_text {
 	text-align: left;
 	float: right;
 	width: 48%;
	height: 18px;
 }
 #image_text p {
	margin: 0;
 	padding: 0;
 	padding-left: 0;
	margin-left: 0;
	padding-top: 2px;
 	text-align: left;
	font-size: 10px;
	color: #ababab;
 }
 
/***************
 * Slide
 ***************/
 #slide {
 	clear: both;
 	width: 100%;
	padding-top: 0;
	text-align: left;
 }

/*********************
 * Image
 ********************/
 #image {
 	float: right;
 	text-align: center;
	vertical-align: middle;
	width: 575px;
	height: 470px;
	padding: 10px 10px 0 10px;
	background-color: #000;
	background-image: url(images/logo3.gif);
	background-repeat: no-repeat;
	background-position: 50% 99%;
	border: 1px solid #555;
	color: #999;
 }
 * html #image {
 	padding: 0;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 460px;
 }
 #inner_image {
	height: 420px;
	width: 100%;
	float: left;	
	text-align: center;
	margin: 0 auto;
	padding: 0;
 }
 #imgtools {
	 height: 19px;
	 position: relative;
	 font-size: 12px;
	 text-transform: uppercase;
 	color: #fc0 !important;
 	margin-bottom: -10px;
 }
 #imgtools a {
 	text-decoration: none;
 	color: #fc0;
 }
 #slideshow #inner_image {
	height: 505px;
 }
 * html #slideshow #inner_image {
	height: 530px;
	margin: 0;
 }
 #low_logo {
 	float: left;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: 20px;
	position: relative;
	top: -5px;
 }
 #low_logo img {
	margin: 0 auto;
	width: 380px;
	height: 20px;
 }
 
 #image p {
 	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-left: -20px;
	text-indent: 0;
	font-size: 11px;
	line-height: 120%;
 }
 #image li {
	font-size: 11px;
	line-height: 120%; 
 }
 #image h3 {
 	font-size: 14px;
 }
 
 
/**********************
 * When category data 
 * need scroll
 *********************/
 #scrollbox {
	float: left;
	margin: 0;
	padding: 5px 20px 10px 20px;
	width: 500px;
	text-align: left;
	/*
		padding: 5px 20px 5px 20px;
		width: 460px;
		height: 380px;
		text-align: left;
		overflow: hidden;
	*/
 }
 
 
/***********************
 * Slideshow
 **********************/
 #slideshow {
 	float: right;
 	text-align: center;
	vertical-align: middle;
	width: 645px;
	height: 520px;
	padding: 0;
	/*background-color: #000;*/
	border: 1px solid #555;
	color: #999;
	padding-bottom: 5px;
	padding-right: -10px;
 }
 * html #slideshow {
	width: 565px;
	margin-right: 0px;
	margin-left: -50px;
 	padding: 10px;
	padding-bottom: 20px;
 }
* html #slideshow.loaded {
	width: 645px;
	margin-right: 0px;
	margin-left: -50px;
 	padding: 10px;
	padding-bottom: 20px;	
}

 #slideshow p {
	font-family: Georgia, Times, serif;/*Verdana, Arial, Helvetica, sans-serif;*/
 	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-left: -20px;
	text-indent: 0;
	font-size: 15px;
	line-height: 135%;
 }
 #slideshow li {
		font-family: Georgia, Times, serif;/*Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	line-height: 135%; 
 }
 #slideshow h3 {
		font-family: Georgia, Times, serif;/*Verdana, Arial, Helvetica, sans-serif;*/
 	font-size: 15px;
 }
 #innerSlideshow {
	padding: 0 20px 10px 20px;
	width: 460px;
	text-align: left;
 }
 * html #innerSlideshow {
	padding: 5px 20px 10px 0px;
	width: 440px;
 }
/************************
 * Arrows
 **********************/ 
 #image_slide_arrows {
	border: 0;
	padding-top: 0;
	margin-left: -2px;
	font-size: 9px;
	color: #333;
	width: 100%;
	text-align: center;
 }
 #copy {
 	font-size: 10px;
  	float: left;
	width: 995px;
	/*margin-left: 20px;*/
	text-align: center;
	padding-top: 2px;
	color: #444;
 }
 #image_slide_arrows a,  #image_slide_arrows img {
	color: #99e;/*#444;*/
	text-decoration: none;
	width: 16px;
 }
 #image_slide_arrows a:hover {
	color: #99e;/*#777;*/ 
	text-decoration: underline;
	width: 16px;
 }
 #image_slide_arrows a:visited {
	color: #99e;/*#444;*/
	width: 16px;
 }
 #right_arrow {
 	float: right;
	text-align: left;
	width: 16px;
	margin-right: -3px;
 }
 #left_arrow {
 	float: left;
	width: 16px;
 }
 
/**********************
 * Tools to choose colors
 *********************/ 
 #tools2 {
	height: 26px; 
 }
 #color_boxes {
 	float: right;
	width: 160px;
	text-align: right;
	margin-top: 5px;
	font-size: 11px;
	color: #555;
 }
 #color_boxes img, #color_boxes a {
 	margin: 0;
	padding: 0;
 }
 #color_boxes .colorbox_header {
    float: left;
    display: block;
 	margin-top: 1px;
	font-size: 10px;
	color: rgb(153, 153, 153);
 }
 * html #color_boxes {
	margin-top: 5px; 	
 }
/**
 * Headers
 */
 h1 {
	font-size: 24px;
	font-weight: bold;
	height: 2em;
 }
 legend {
	font-size: 13px;
	font-weight: bold;
	color: rgb(153, 153, 153);
 }
 h2.category_header {	
	padding: 0 10%;
 }
/** !!! ADDED 20080508 */ 
 h3 {
	margin-top: 9px;
	margin-bottom: 13px
 }
 * html h3 {
	margin-top: 13px;
 }
 *+html h3 {
	margin-top: 13px;
 }

/**
 * Text
 */
 
 p {
	font-size: 11px;
 }
 
 .om p {
       font-family: Georgia, Times, serif; 
       font-size: 14px !important; 
 }
 .om img {
       margin-right: 10px;
 }
 .news p {
       font-family: Georgia, Times, serif; 
       font-size: 14px !important;       
 }
 #pagecontent h3 {
       font-family: Georgia, Times, serif; 
       font-size: 16px !important;
 }
 
 p.description {
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 4px 0 0 0;
	max-width: 550px;
	height: 26px;
	overflow: hidden;
 }
 p.admin_box { /* used for paragraph with extra adminlinks below content */
	text-align: center;
	font-size: 10px;
 }
 p.admin_box a {
	color: #ff9900;
 }
 p.category_description { /* used for paragraph with description of indexcategory */
	padding: 0 10%;
	
 }
 .discrete { /* used in places such as "Click on link for larger version" */
	color: #aaa;
	margin: 6px auto;
	text-align: center;
 }
 a {
	color: #99e;
	text-decoration: none;
 }
 a:hover {
	text-decoration: underline;	
 }
 a img {
	border: 0;
 }

/***************
 * Main menu
 **************/
 #site_color, #site_flags {
	 font-size: 10px;
 }
 #site_logo {
	float: left;
	margin-top: 5px;
	margin-left: 2px;
 }
 #site_flags {
	float: right;
	height: 34px;
	margin-right: 5px;
 }
 #site_flags img.swe {
	margin: 2px 0 0 8px;
 }
 #site_flags img.eng {
	margin: 2px 8px 0 0;
	 
 }
 #viewcart {
 	width: 125px;
 	height: 30px;
 	background: url(../../images/frameorangefill.png) no-repeat;
 	float: right;
 	text-transform: uppercase;
 	padding: 5px 20px 0 15px;
 	margin-top: 3px;
 	position: relative;
 	right: -15px;
 }
 #viewcart a {
 	color: #fff !important;/*#f80 !important;#ff8e18;*/
 }
 #mycart {
	float:right;	
	font-size: 10px;
	margin: 0 10px 0 0;
	padding: 0;
 }
 #site_color {
	float: right; 
	height: 34px;
 }
 * html #site_color {
	margin-right: 2px; 
 }
 #mainmenu {	
	text-align: left;
	border: 0;
	margin-top: -4px;
	padding: 0;
	padding-top: 2px;
	font-size: 11px;
	width: 100%;
 }
 * html #mainmenu {
 	margin-top: 0;
 	margin-right: -4px;
 	padding-top: 2px;
 }
 *+html #mainmenu {
 	margin-top: 0;
 	margin-right: -7px;
 	padding-top: 2px;
 }
 #mainmenu ul {		
	clear: right; 
 }
 * html #mainmenu ul {
	float: right;
 }
 *+html #mainmenu ul {
	float: right;
	margin-left: -50px;
	width: 660px; 
 }
 #mainmenu li {
	display: block;
	float: right;
	padding: 0 0 2px 16px;
 }
 #mainmenu li a {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
 }
 #mainmenu li a:hover {
 	text-decoration: underline;
 }
 #mainmenu li a.current {
	text-decoration: underline;
	color: #99e;
 } 
 #mainmenu li .anylinkcss a.line {
 	border-bottom: 1px solid #666;
 }
 #mainmenu li .anylinkcss a.big {
 	padding-top: 6px;
 	padding-bottom: 7px;
 	font-weight: bold;
 }
 /** Subnav **/
 #mainmenu li .anylinkcss {
	position: absolute;
	visibility: hidden;
	margin-top: 4px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	z-index: 100;
	width: 190px;
	background: #333;
	color: #999;
 }
 #mainmenu li .anylinkcss a {
	color: #999;
	width: 100%;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 3px;
	text-decoration: none;
	text-indent: 5px;
	text-transform: none;
	padding: 1px 0 0 0;
	font-weight: normal;
	font-size: 12px;
 }
 #mainmenu li .anylinkcss a:hover {
 	background: #ff8e18;
 	color: #fff;
 }
 * html #mainmenu {
 	margin-top: 2px;
 	/*height: 22px;*/
 }
 *+html #mainmenu {
 	margin-top: 2px;
 	/*height: 22px;*/
 }
 * html #mainmenu li {
	padding: 0 6px 0 10px;
 }
 *+html #mainmenu li {
	padding: 0 6px 0 10px;
 }
 *+html #mainmenu li#exhibitions {
       width: 130px;
 }
 *+html #mainmenu li.News {
       width: 70px;
       padding-left: 14px;
       padding-right: 0;
 }
 
 
 /** NEXT AND PREV IMAGE ARROWS **/
 #next_image {
       position: relative;
       float: right;
       top: 150px;
       margin-right: 30px;
 }
 #prev_image {
       position: relative;
       float: left;
       top: 150px;
       margin-left: 30px;
 }
  /** NEXT AND PREV IMAGE ARROWS **/
 *+html #next_image {
       margin-right: 10px;
       top: -200px;
 }
 *+html #prev_image {
       margin-left: 10px;
 }
 
 
 /** Subnav **/
 #imgtools .anylinkcss {
	position: absolute;
	visibility: hidden;
	margin-top: 4px;
	left: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	z-index: 100;
	width: 150px;
	background: #333;
	color: #ccc;
 }
 #imgtools  .anylinkcss a {
	color: #ccc;
	width: 100px;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 5px;
	text-transform: none;
	padding: 1px 0 0 0;
	font-weight: normal;
	font-size: 12px;
 }
 #imgtools  .anylinkcss a:hover {
 	background: #ff8e18;
 	color: #fff;
 }
 * html #imgtools{
 	margin-top: 2px;
 	/*height: 16px;*/
 }
 *+html #imgtools {
 	margin-top: 2px;
 	/*height: 16px;*/
 }
 
 
 #mycart {
 	text-align: center;
 	font-size: 10px;
 }
 #viewcart {
 	visibility: hidden;
 }
 .cartcount {
 	text-align: center;
 	margin: 0 auto;
 	width: 100%;
 }
 
 #cartinfo {
 	float: left;
	margin: 20px 0 0 45px;
	text-align: center;
	width: 140px;
 }
 #cartinfo img {
 	margin: 0 auto;
 }
 #cartinfo ul {
 	padding: 0;
 	margin: 0;
 }
 #cartinfo li {
 	list-style-type: none;
 	font-size: 12px;
 	margin-bottom: 3px;
 }
 
 #cart {
 	float: right;
 	border-collapse: collapse;
 	width: 660px;
 	margin: 20px 10px 20px 0;
 }
 #cart th {
 	font-size: 11px;
 	font-weight: normal;
 	border: 0;
 	padding-left: 2px;
 	color: #508cd6;
 }
 #cart td {
 	border: 1px solid #ccc;
 	font-size: 12px;
 	vertical-align: middle;
 }
 #cart th, #cart td {
 	text-align: left;
 }
 #cart .center {
 	text-align: center;
 }
 #cart .right {
 	text-align: right;
 }
 #cart .qty {
 	width: 30px;
 }
 #cart .qty input {
 	width: 20px;
 	text-align: center;
 }
 #cart .remove {
 	width: 50px;
 }
 #cart .price_per, #cart .price {
 	width: 75px;
 	padding-right: 5px;
 }
 #cart .cartimage {
 	width: 120px;
 }
 
 #cart_sum {
 	float: right;
 	margin: 10px 10px 20px 0;
 }
 #cart_sum td {
 	font-size: 12px;
 }
 #cart_sum .label {
 	width: 120px;
 	text-align: right;
 	font-weight: bold;
 }
 #cart_sum .value {
 	width: 100px;
 	text-align: right;
 }
 #cart_sum .bordertop {
 	border-top: 1px solid #ccc;
 }
 
 #buttonrow {
 	float: right;
 	width: 660px;
 	margin: 20px 10px 20px 0;
 }
 #buttonrow div {
 	float: left;
 	font-size: 13px;
 	margin-right: 20px;
 }
 #buttonrow a {
 	text-decoration: none;
 }
 
 #customer {
 	float: right;
 	border-collapse: collapse;
 	width: 660px;
 	margin: 20px 10px 20px 0;
 }
 #customer td {
 	width: 220px;
 	text-align: left;
 	padding: 0;
 	margin: 0;
 }
 #customer p {
 	padding: 2px 0 !important;
 	margin: 2px 0 !important;
 	width: 210px;
 }
 #customer td p label, #customer td .formtitle {
 	color: #508cd6;
 }
 #customer td small, #customer td .formtitle.green {
 	color: #0c9;
 }
 
/*********************
 * Images
 ********************/
 div#images {
	margin: 0 auto;
	text-align: center;
	margin-top: 1em;
 }
 div#images table {
	margin: 0 auto;
 }
 div#images table tr {

 }
 td.image_cell {
	text-align: center;
 }
 /*td.image_cell small a {

 }*/
 .image_cell img {
	border: 1px solid #eaeaea;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	padding: 10px;
 }
 .image_cell img:hover {
	border: 1px solid #999;
 }


/*********************
 * Single imageview
 ********************/
 div#single_image {
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
 }
 div#single_image img {
	border: 0;
	margin-bottom: 1em;
 }

/**
 * Pagenavigation
 */
 .paging {
	text-align: center;
	font-size: x-small;
	color: #999;
 }


/************************
 * Forms
 ***********************/
 fieldset {
	border: 0;
	width: 400px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
 }
 label {
	font-size: 1em;
 }
 textarea {
	font-family: Verdana, 'Century Gothic', Helvetica, sans-serif;
	width: 360px;
 }
 input, select, textarea {
	font-size: 1em;
 }
 
/**********************
 * Misc
 *********************/
 .clear, .clr {
	clear: both;
 }
 .odd {
	background-color: #fff;
 }
 .even {
	background-color: #eaeaea;
 }
 .msg { /* messages, errors etc */
	color: #c00;
	background-color: #ff9;
	font-style: italic;
	padding: 8px;
	width: 400px;
	margin: 10px auto;
	border: 1px dotted #c00;
 }
 


/*****************************
 * Lightbox
 * CSS for Lightbox Plugin
 * http://www.huddletogether.com/projects/lightbox/
 ****************************/
 #lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
 }
 #lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
 }
 #lightboxCaption {
	float: left;
 }
 #keyboardMsg {
	float: right;
 }
 #lightbox img {
	border: none;
 } 
 #overlay img {
	border: none;
 }
 kbd {
	font-family: Verdana, 'Century Gothic', sans-serif;
	font-size: 1em;
 }
 #overlay{ background-image: url(../../images/overlay.png); }
 * html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/overlay.png", sizingMethod="scale");
 }
 
 
 .clr {
 	clear: both;
 }
 #pagecontent {
	padding: 40px 20px 20px 50px;
	text-align: left;
 }
 #pagecontent h1 {
 	font-family: Georgia, serif;
	letter-spacing: 2px;
	color: #999;
	font-size: 20px;
 }
 #pagecontent #body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 600px;
	color: #999;
	font-size: 11px;
 }
 
 #pagecontent legend.contact {
	font-size: 13px;
	font-weight: bold;
	height: 2em;
	color: rgb(153,153,153);
	padding: 0 10px;
 }
 fieldset.email {
 	float: left;
 	border: 0;
 }
 .write_field {
 	background: #999;
	border: 1px solid #333;
	margin: 4px;
 }
 /*******************
 * Popup
 ******************/
  #popupbox {
	margin: 0; 
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	padding-top: 10px;
	padding-left: 30px;
	width: 200px;
	height: 200px;
	position: absolute;
	background: #eaeaea;
	border: 2px solid #666;
	border-bottom-color: #000;
	border-right-color: #000;
	z-index: 9;
	display: none;
  }
  #popupbox form {
	margin: 0;
	padding: 0;
  }
  #popupbox fieldset {
	border: 0;
	padding: 0;
	margin: 0;
  }
  #popupbox p {
	margin: 5px;
  }
  #popupbox legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
  }
  #popupbox label {
	font-size: 12px;
	font-style: italic;
  }
  #popupbox input.colorInput {
	border: 1px solid #ccc;
	border-top-color: #777;
	border-left-color: #777;
  }
 
 .colorbox {
 	width: 14px;
	height: 14px;
	float: left;
	margin: 2px 6px 10px 0;
	padding: 0;
	border: 1px solid #000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
 }
 #body.contact_form * {
	margin: 0;
	padding: 0;
 }
 #body.contact_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	color: #999;
	font-size: 11px;
 }
 #body.contact_form .postform_left {
	width: 320px;
	float: left;
 }
 #body.contact_form .postform_right {
	width: 320px;
	float: right;
 }
/* #body.contact_form form {
 	width: 830px;
 }*/
 #body.contact_form fieldset {
	width: 650px;
	border: 1px solid #333;
	padding: 15px 20px 20px 20px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px; 
 }
 #body.contact_form legend {
	font-size: 14px;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 2px;
	font-weight: normal;
	color: #777;
 }
 #body.contact_form .contact_form label, #body.contact_form input, #body.contact_form textarea, #body.contact_form select {
 	margin: 0;
	font-size: 12px;
 }
 #body.contact_form label {
 	font-size: 12px;
 	font-weight: normal !important;
 	margin-top: 5px;
 	padding: 0;
 }
 #body.contact_form input.colorthis {
 	width: 310px;
 	margin-bottom: 7px;
 }
 #body.contact_form textarea.colorthis {
 	width: 292px;
        margin-bottom: 4px
 }
 #body.contact_form input.colorthis, #body.contact_form textarea.colorthis {
	background: #ddd;
	padding: 2px;
	border: 1px solid #666;
	border-right-color: #999;
	border-bottom-color: #999;
 }
.recaptchatable {
       float: left;
}
 
 /* */
 #thumbs {
 	padding: 4px 0 0 2px;
	margin: 0 auto;
 	border: 1px solid #555;
	text-align: center;
	width: 994px;
 }
 #thumbs table {
 	width: 100%;
	margin: 0 auto;
	margin-left: 2px;
	text-align: center;
 }
 #thumbs table tr {
	margin: 0 0 20px 0;
	padding: 0;
 }
 #sthumbs {
 	padding: 4px 0 0 2px;
	margin: 0;
 	border: 1px solid #555;
	text-align: center;
	width: 994px;
 }
 #sthumbs table {
 	width: 994px;
	margin: 0 auto;
	margin-left: 2px;
	text-align: center;
 }
 #sthumbs table tr {
	margin: 0 0 20px 0;
	padding: 0;
 }
 td.image {
 	height: 148px;
	width: 239px;
 	text-align: center;
 	vertical-align: middle;
 	/*padding-left: 35px;*/
	/* added 20090114 */	
 	padding: 12px 0px 2px 0px;
	margin: 0 auto;
 }
 * html td.image  {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 *+html td.image {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 td.image-off {
 	height: 148px;
	width: 239px;
 	text-align: center;
 	vertical-align: middle;
 	padding-left: 35px;	
 	padding: 12px 0px 2px 0px;
	margin: 0 auto;
 }
 
 * html td.image-off  {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 *+html td.image-off {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 
/** CELLS IN SLIDESHOW PAGE **/
 td.slidecell {
 	height: 148px;
	width: 238px;
 	padding: 12px 0 0 25px;
	text-align: center;
	margin: 0;
 	vertical-align: middle;	
	overflow: hidden;
 }
 * html td.slidecell, * html td.slidecell-off  {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 *+html td.slidecell, *+html td.slidecell-off {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 td.slidecell-off {
 	height: 148px;
	width: 238px;
 	padding: 12px 0 0 25px;
	text-align: center;
	margin: 0 auto;
 	vertical-align: middle;
	overflow: hidden;
 }
 td.slidecell p,  td.slidecell-off p {
	margin: 0;
	padding: 0;
 }
 
 #ptexts {
 	padding: 14px 0 0 2px;
	margin: 0;
 	border: 1px solid #555;
	text-align: center;
	width: 994px;
 }
 #ptexts table, #ptexts tr, #ptexts td {
	text-align: left;
	font-size: 11px;
 }
 .view {
	position: relative;
	z-index: 10;
	top: -22px;
	left: -35px;
	top: -85px;
	left: 6px;
 }
 #thumbs .view {	
	position: relative;
	top: -22px;
	left: -35px; 
 }
 .play {
	position: relative;
	z-index: 10;
	top: -25px;
	left: -45px; 
 }
 html>body .play {
	top: -30px;
	left: -50px;
 }
 
/***************
 * Footer
 **************/
 #footer {
	border: 0;
	padding-top: 0;
	/*padding-left: 6px;*/
	padding-bottom: 10px;
	font-size: 10px;
	text-align: center;
	color: #999;
	clear: both;
	margin: 0;
	
	margin-bottom: 10px;
 }
 * html #footer, *+html #footer {
	padding: 5px 0; 
 }
 /*.index #footer, #footer.page {
 	position: absolute;
	bottom: 2px;
	z-index: 1;
	margin-top: 100px;
 }*/
 #footer a {
	color: #999;
	text-decoration: none;
 }
 #footer a:hover {
	color: #999;
	text-decoration: underline;
 }
 #footer a:visited {
	color: #999;
 }
 
 /*#thumbs table td {
	width: 24%; 
 }*/
 
 #projectFrameHolder {
	float: left; 
	margin: 0;
	padding: 5px 20px 10px 20px;
	width: 500px;
	text-align: left;
 }
 * html #projectFrameHolder {
	 width: 500px;
 }
 #projectframe {
	width: 500px; 
 }
 * html #projectframe {
	width: 500px; 
 }
 #prarrows {
	float: right; 
	width: 16px;
	height: 415px;
 }
 *+html #prarrows {
 	margin-top: -5px;
 }
 #PrArrowUp {
	 /*display: none;*/
	 width: 16px;
	 height: 16px;
 }
 #PrArrowDown {
	 margin-top: 383px; 
	 /*display: none;*/
	 width: 16px;
	 height: 16px;
 }
 .image_thumb_desc {
	width: 150px;
	height: 50px;
	margin: 2px auto;
	padding: 0 10px; 
	vertical-align: top;
	text-align: left;
 }
 #categories.projectcats {
	width: 327px;	 
	height: 537px; 
 }
 * html .projectcats {
	width: 317px;	 
	height: 561px;
	padding-top: 5px;
 }
 #content {
	background: transparent url(/images/toprand.jpg) no-repeat;
	padding-top: 28px;
 }
 #content.page {
	background: none; /*transparent url(/tommyhansen/images/toprand.jpg) no-repeat 0px 100px;*/
	padding-top:0px;
 }
 #pagecontent {
	clear: both;
	background: transparent url(/images/toprand.jpg) no-repeat;
 }
 
/** 
 * NEWSPAGE
 */
 .newspage { /* just for misc contents leftmargin */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: left;
 }
 .newspage div.newsitem {
 	padding: 0 24px 20px 24px;
 	margin-bottom: 18px;
 	width: 600px;
	text-align: left;
 }
 .newspage div.newsitem p {
  	padding: 0 !important;
 }
 .newspage div.newsitem p.newsheader {
 	margin: 0 0 3px 0;
 	padding: 0;
 }
 .newspage div.newsitem .newsimage {
 	float: left;
 	margin: 0;
 }
 .newspage div.newsitem .newsimage img {
 	margin-top: 0;
 	margin-right: 12px;
 }
 .newspage div.newsitem .newstext {
 	float: right;
 	text-align: left;
 	width: 100%;
 	margin: 0;
 	padding: 0;
 }
 .newspage div.newsitem .newstext p {
 	padding-top: 0;
 	margin-top: 0;
 } 
 .newspage .date {
 	color: rgb(204, 204, 153);
 }
 
/**
 * BLOGPAGE
 */
  .blogpage { /* just for misc contents leftmargin */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: left;
 }
 .blogpage div.blogitem {
 	padding: 10px 24px 20px 24px;
 	margin-bottom: 18px;
 	width: 600px;
	text-align: left;
	border-top: 1px solid;
 }
 .blogpage div.blogitem p {
  	padding: 0 !important;
 }
 .blogpage div.blogitem p.blogheader {
 	margin: 0 0 3px 0;
 	padding: 0;
 }
 .blogpage div.blogitem p.blogheader strong {
	 font-size: 13px;
 }
 .blogpage div.blogitem .blogimage {
 	margin: 0;
 	width: 100%;
 	text-align: center;
 }
 .blogpage div.blogitem .blogimage img {
 	margin: 5px auto 10px auto;
 }
 .blogpage div.blogitem .blogtext {
 	text-align: left;
 	margin: 0;
 	padding: 0;
 }
 .blogpage div.blogitem .blogtext p {
 	padding-top: 0;
 	margin-top: 0;
 } 
 .blogpage .date {
 	color: rgb(204, 204, 153);
 	font-size: 12px;
 }
 
 #calendar {
 	width: 652px;
 	background: #999;
 	margin-left: 0px;
 	height: 132px;
 }
 #calendar th {
 	display: none;
 }
 #calendar td {
 	width: 56px;
 	height: 40px;
 	text-align: center;
 	vertical-align: middle;
 	overflow: hidden;
 }
 #calendar td.empty {	
 }
 #calendar div.calthumb {
 	width: 56px;
 	height: 40px;
 	overflow: hidden;
 }
 #calendar a {
 	color: #aaa;
 }
 .calnav {
 	display: block;
 	width: 650px;
 	text-align: center;
 	margin-left: 0px;
 }
 .calnav h3 {
 	font-weight: normal;
 }
 .calnav #leftarrow {
 	float: left;
 }
 .calnav #rightarrow {
 	float: right;
 }
 *+html .calnav #rightarrow {
 	position: relative;
 	top: -25px;
 }
 
 
 /**/
 #sharelist {
	width: 560px;
	color: #999;
	margin: 25px auto 10px auto;
	clear: both;
 }
 .page #sharelist {
	margin-top: 8px;
	text-align: center;
 }
 #sharelist .button {
	display: block;
	float: left;
	margin-right: 8px;
 }
 #sharelist a {
	color: #333;	
 }
 #sharelist img a, #sharelist a img {
	border: 0;
 }
 #sharelist img {
	display: block;
	float: left;
	margin-left: 2px;	
 }
 #pusha_knapp {
	width: 16px;
	height: 16px;
 }
 
 
/** CATEGORY IMAGES IN ALBUM OVERVIEW **/
 #catthumbs {
 	margin: 0 auto;
 }
 .catcell {
 	background: transparent;
 	width: 320px;
 	height: 180px;
 	padding: 2px;
 	font-size: 11px;
 }
 .catcell-off {
 	background: #3F85FF;
 	width: 320px;
 	height: 180px;
 	font-size: 11px;
 	padding: 2px;
 	/** 
 	opacity:.25;
 	filter: alpha(opacity=25);
 	-moz-opacity: 0.25;
 	**/
 
 }
 .catimage {
	width: 320px;
	height: 80px;
	overflow: hidden;
	clip: auto;
	text-align: right;
	margin: 0;
 }
 .cattext {
	width: 300px;
	height: 100px;
	margin: 0px;
	padding: 5px 10px;
	text-align: left;
	color: #ccc;
 }
 .cattext a {
 	color: #ccc;
 }
 .cattext a:hover {
 	text-decoration: none;
 }
 /** PORTRAITS **/
 .prcell, .prcell-off {
	padding-top: 10px;
	width: 320px;
	text-align: center;
 }
 .prcell p, .prcell-off p {
 	padding: 0px !important;
 	margin: 0px !important;
 }
 .prheader {
 	width: 280px;
 	text-align: left;
 	margin: 0 auto;
 	font-size: 11px;
 }
 .prtext {
	width: 280px;
	height: 100px;
	margin: 0px;
	padding: 5px 20px;
	text-align: left;
	color: #ccc;
	font-size: 11px;
 }
 
 
/********************************
 * CATEGORYLIST
 *******************************/
#categoryList {
	width: 375px;
	height: 410px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	position: relative;
	left: -5px;
}
#categoryList img {
	margin: 0;
	padding: 0;
	border: 0;
}
#categoryList a {
	text-decoration: none;
	/*color: #<?php echo $_SESSION['text_color']; ?>;*/
}
#categoryList a img {
	border: 0;
}
#categoryList ul {
	text-align: left;
	padding-left: 0px;
	margin: 0;
	list-style-type: none;
}
#categoryList ul li {
       display: block;
       width: 310px;
       height: 57px;
       margin: 1px auto 8px auto;
       padding: 8px 8px 5px 12px;
       font-size: 11px;
}
/* List of categories in points */
#categoryList ul.catNavigation {
	position: absolute;
	right: 12px;
	top: 0;
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}
*+html #categoryList ul.catNavigation {
	margin: 5px 0 0 0;
}
#categoryList ul.catNavigation.right {
	right: 0px;
	z-index: 2000;
}
#categoryList ul.catNavigation li {
	display: block;
	width: 4px;
	height: 4px;
	margin: 0 0 6px 0;
	padding: 0;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=40);
        -moz-opacity:0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
}
*+html #categoryList ul.catNavigation li {
	margin: -6px 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	height: 3px;
}
#categoryList ul.catNavigation li.thispage {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=100);
        -moz-opacity:1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
}
#categoryList li .catcell {
 	background: transparent;
 	width: 310px;
 	height: 80px;
 	padding: 2px;
 	font-size: 11px;
}
#categoryList li .catcell-off {
 	background: #3F85FF;
 	width: 310px;
 	height: 80px;
 	font-size: 11px;
 	padding: 2px;
}
#categoryList div.catimage {
	float: left;
	width: 70px;
	height: 60px;
	overflow: hidden;
	clip: auto;
	text-align: right;
	margin: 0;
}
#categoryList div.catimage img {
	margin: 0 auto;
	border: 0;
}
#categoryList div.catimage img a {
	text-decoration: none;
}
#categoryList div.cattext {
	float: right;
	padding: 0 10px 0 0;
	width: 210px !important;
	background: transparent !important;
	height: 80px;
}
#categoryNext {
	position: relative;
	top: -15px;
}
.yearNavigation {
	width: auto;
	text-align: left;
	margin-left: 6px;
	font-size: 13px;
	height: 13px;
	padding: 0; 
}
.yearNavigation img {
	position: relative;
	top: 3px;
}
.yearNavigation .trans {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -moz-opacity:0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
}