/* BEGINNING FILE: common/reset_common.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table,tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* Vertical align kills TinyMCE vertical alignment
	vertical-align: baseline;*/ 
}


/* Always have a scrollbar to the right */
html { height: 100%; margin-bottom: 1px !important; }


/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

address {
font-style: normal;
}

/* BEGINNING FILE: common/design_common.css */

.float-right {
  	margin: 5px 0px 10px 20px;  
}
.float-left {
  	margin: 5px 20px 10px 0px;
}

.h24_nowrap {
	white-space: nowrap;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/*__________________________________________________ do not use */
.clear_generic { /* generic container (i.e. div) for floating buttons */
    width: 100%;
}
.clear_button { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	height: 40px;
}

/*__________________________________________________ do not use */
/* Float containers fix: http://www.csscreator.com/attributes/containedfloat.php */ 
.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 */  



/*__________________________________________________ CLEAR FIX */

.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}




img.noborder, a img.noborder {
	background: none;
	border: 0;
	padding: 0;
}
.hidden, a.hidden,.h24_dialog em.hidden
{
	display:none;
}

.visibility_hidden {
	visibility: hidden;
}


/*##########################################################################################################################*/
/*____________________________________________________________________________  DEFAULT CSS  _____________________________________________________________ */
/*##########################################################################################################################*/


/*____________________________________________________________________________  FACE LIFT FLIR  ____________________________________________________________ */


/* Hides the titles until they are replaced with facelift, to avoid jitter */
.h24_homepage_title span {
	visibility: hidden;
}

.h24_homepage_title span.flir-replaced {
	visibility: visible;
}


.blog_post_header_block  span.flir_wrap_text,
.small_heading_block span.flir_wrap_text,
.big_heading_block span.flir_wrap_text{
	overflow:visible;
	line-height: 1.2;
}

.blog_post_header_block  a,
.small_heading_block a,
.big_heading_block a{
	text-decoration: none !important;
}

.blog_post_header_block  span.flir-replaced,
.small_heading_block span.flir-replaced,
.big_heading_block span.flir-replaced{
	line-height: normal;
	overflow:hidden; /* Oversized flir-images will be hidden so that the layout does not crash */
	visibility: visible;
	display: inline !important; /* Fixes problem with IE6 and IE7 and linkable flir headings */
}

.h24_design a.flir_link {
	text-decoration:none;
	font-weight:normal;
	border: none;
}

.h24_design a.flir_link:hover {
	text-decoration:none;
	font-weight:normal;
	border: none;
}



/*____________________________________________________________________________  MIN HEIGHT  ____________________________________________________________ */
#collection0 {


/* REMOVED, we use 100% height hack instead
min-height: 300px;
height: auto !important;*/
/* height: 300px;  this in combination with overflow hidden will crash the design in ie6*/
}



/*____________________________________________________________________________  LAYOUT  ____________________________________________________________ */

/* BLOCK CONTAINER */

.block_container {
	padding: 0 0 10px 0;
	margin: 0;
}
.standard_text_block {
	padding: 0 0 20px 0;
}


/*____________________________________________________________________________  HEADINGS ____________________________________________________________ */

.h24_heading_right {
	text-align: right;
}

.h24_heading_center {
	text-align: center;
}

/*____________________________________________________________________________  TEXT STYLES  ____________________________________________________________ */



.block_container p, .block_container td, .block_container th, .block_container ul, .block_container li {
	text-align: left;
}

.block_container p {
	margin: 0 0 0px 0;
}


/* No margin since TinyMCE uses p for new lines*/

body#tinymce p,
.h24_design .text_content p,
.h24_design .h24_footer_text p { /* Footer also */
margin:0;
}
/* Tiny uses span when changing font sizes, thus we need a line-height in text blocks */
body#tinymce span,
.h24_design .text_content span {
/*line-height: 1.2;*/ /*Switched back to percentage due to customers design*/
line-height: 135%;
}

/* We also set a good standard line height */
body#tinymce p,
body#tinymce li, 
body#tinymce td, 
body#tinymce th,
.h24_design .block_container p,
.h24_design .block_container li, 
.h24_design .block_container td, 
.h24_design .block_container th {
line-height: 140%;
}

.h24_design em {
	font-style: italic;
}

.h24_design strong {
	font-weight: bold;
}



/*____________________________________________________________________________  LISTS  ____________________________________________________________ */

/* UNORDERED LIST */

.block_container ul {
margin:10px 10px 10px 5px;
padding:0 20px;
}

.block_container ul li {
	padding: 0;
	margin-bottom: 7px;
	list-style-type: disc;
	list-style-position: outside;
}


/* ORDERED LIST */

.block_container ol {
margin:10px 10px 10px 10px;
padding:0 20px;
}

.block_container ol li {
	padding: 0;
	margin-bottom: 7px;
	list-style-position: outside;
	list-style-type: decimal;
}

/*____________________________________________________________________________  TOOLTIP ____________________________________________________________ */

#h24_tooltip { 
    display:none; 
    background:transparent url(common/images/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
	z-index: 5000;
    _background-color:#fff;  /*IE6*/
}

/* tooltip styling */ 
.h24_tooltip_contents { 
    display:none; 
    background:url(common/images/tooltip/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
	z-index: 5000;
} 
 
/* a .label element inside tooltip */ 
.h24_tooltip_contents .label { 
    color:yellow; 
    width:35px; 
} 
 
.h24_tooltip_contents a { 
    color:#789;     
    font-size:12px;     
}


/*____________________________________________________________________________  BUTTON ____________________________________________________________ */

button {
    cursor: pointer;
}



.block_container textarea{
	overflow:auto;
}

/* _________________________________________________________________ BLOG / NEWS POST OVERVIEW ______________________ */

.h24_design .h24_blog_tags {
	text-align: left;
	margin-top:20px;
}

.h24_design .h24_blog_actions{
	text-align: center;
	margin-bottom: 10px;
}

.h24_design .blog_post_header_block {
	padding: 0 0 25px 0;
}



.h24_design .blog_post_header_block ul {
	padding: 0;
	margin: 4px 0 0 0;
}

.h24_design .blog_post_header_block ul li {
	float:left;
	padding: 0 0 0 18px;
	margin: 0 10px 0 0;
	display: inline;
	background: transparent url(/public/css/common/images/famfamfam/comment.png) no-repeat 0 50%;
}

.h24_design .blog_post_header_block ul li.h24_blog_comments {
	background-image: url(/public/css/common/images/famfamfam/comment.png);
}

.h24_design .blog_post_header_block ul li.h24_blog_timestamp {
	background-image:url(/public/css/common/images/fugue/clock.png);
}

.h24_design .blog_post_header_block ul li.h24_blog_back {
	/*background-image:url(/public/css/common/images/fugue/arrow_180.png);*/
	background-image: none;
	padding: 0;
}

.h24_design .blog_post_header_block ul li.h24_blog_rss {
	float:right;
	margin-right: 0;
	background-image:url(/public/css/common/images/fugue/feed.png);
}

.h24_design .blog_post_header_block ul li.h24_blog_facebook {
	float:right;
	margin-right: 10px;
	background-image:url(/public/css/common/images/facebook.png);
}

.h24_design .h24_post_container {
	position: relative;
}

.h24_design .h24_blog_buttons {
bottom:20px;
position:absolute;
right:0;
}

.h24_design .h24_blog_prevnext {
	margin-top: 5px;
}

/* Minimalist mode */
.h24_design .h24_blog_minimalist {
	margin-bottom: 5px;
}

.h24_design .h24_blog_minimalist .h24_blog_buttons {
bottom: auto;
position: static;
right: auto;
display: inline;
}

.h24_design .h24_blog_minimalist .h24_blog_buttons a {
color: red;
}




/* _________________________________________________________________ BLOG ARCHIVE & LATEST COMMENTS ______________________ */

.h24_design .latest_comments_block ul li
{
	list-style-type:square;
}

.h24_design .blog_archive_block ul li
{
	list-style-type: none;
	list-style-image: none;
}



.h24_design .blog_archive_block ul,
.h24_design .blog_roll_block ul,
.h24_design .latest_comments_block ul,
.h24_design .blog_latest_posts_block ul
{
	margin: 0;
}

.h24_design .latest_comments_block ul
{
	margin: 0;
	padding: 0;
}

.h24_design .latest_comments_block ul li
{
	list-style-type: none;
	list-style-image: none;
}

.h24_design .blog_archive_block ul
{
	padding: 0 0 0 5px;
}

.blogblock_goto
{
	position: relative; 
	top: -10px;
}


/* _________________________________________________________________ TAG CLOUD BLOCK ______________________ */

.h24_design .tag_cloud_block .h24_tag_links a,
.h24_design .tag_cloud_block .h24_tag_links a:hover,
.h24_design .tag_cloud_block .h24_tag_links a:visited
 {
	text-decoration: none;
	font-weight: normal;
}

.h24_design .tag_cloud_block p.h24_tag_links
 {
	text-align: justify;
}


/* _________________________________________________________________ FILE BLOCK ______________________ */

.h24_design ul.h24_file_list,
ul.h24_file_list {
	padding: 0;
	margin: 0;
}

.h24_design ul.h24_file_list a,
ul.h24_file_list a {
	border: none;
}

.h24_design ul.h24_file_list li.large,
ul.h24_file_list li.large {
	background-position:0 0;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	min-height:50px;
	height: auto !important;
	height: 50px;	
	padding-bottom:0;
	padding-left:50px;
	padding-right:0;
	padding-top:0;
}

ul.h24_file_list li.large em,
.h24_design ul.h24_file_list li.large em {
font-size:10px;
font-style:normal;
line-height: 100%;
display: block;
margin-top: 3px;
}

.h24_design ul.h24_file_list li.small,
ul.h24_file_list li.small {
	background-position:0 0;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	min-height:20px;
	height: auto !important;
	height: 20px;	
	padding-bottom:0;
	padding-left:30px;
	padding-right:0;
	padding-top:0;
}

.h24_design ul.h24_file_list li.small em,
ul.h24_file_list li.small em {
font-size:10px;
font-style:normal;
line-height: 100%;
display: inline;
}


/* _________________________________________________________________ Contact form ______________________ */
.h24_design .contact_form_block label {
	margin-bottom: 5px;
}



/* _________________________________________________________________ SIMPLE COMMENT BLOCK AND GUEST BOOK ______________________ */

.h24_design .simple_comment_block label{
	display: block;
	margin-bottom: 3px;
	line-height:100%;
}
.h24_design .simple_comment_block input[type=text]{
	margin-bottom: 5px;
	width: 150px;
}
.h24_design .simple_comment_block textarea {
	height: 70px;
}

.h24_design button.submit {
	float:right;
	margin: 5px 0 0 0;
}

.h24_design .h24_comment_block_comments em {
font-style: normal;
font-weight: normal;
color: #777777;
font-size: 11px;
display: block;
margin: 3px 0 3px 0;
line-height:100%;
}

.h24_design .h24_comment_block_comments span.h24_comment_name{
font-style: normal;
font-weight: bold;
display: block;
line-height:100%;
}

.h24_design .h24_comment_block_comments li,
.h24_design .h24_comment_block_comments ul  {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	list-style-image: none;
	display: block;
}

.h24_design .h24_comment_block_comments li {
	position: relative;
}

.h24_design .h24_comment_block_comments li div.buttons button {
	position: absolute;
	top: 0;
	right: 0;
}

.h24_design .h24_comment_block_comments li div.buttons button.neutral {
	right: 170px;
}

.h24_design .h24_comment_block_comments li.h24_reply_editor {
	display: none;
}

.h24_design .h24_comment_block_comments li.h24_reply_editor textarea {
	width: 350px;
}

.h24_design .h24_comment_block_comments li.h24_reply_editor div.buttons {
	height: 28px;
}

.h24_design .h24_comment_block_comments li.h24_reply_editor div.buttons button, .h24_design .h24_comment_block_comments li.h24_reply_editor div.buttons button.neutral {
	position: relative;
	right: 0;
}

.h24_design .h24_comment_block_comments li.reply {
	margin-left: 10px;
	padding-left: 4px;
	border-left: 4px solid #cccccc;
}

/* _________________________________________________________________ PRESENTATION IMAGE (SINGLE IMAGE) ______________________ */

.h24_design .presentation_image_block  span.caption{
display:block;
font-size:0.9em;
}

/* _________________________________________________________________ TEXT BLOCK IMAGE (SINGLE IMAGE) ______________________ */

.h24_design .text_block_image_div  span.caption{
display:block;
font-size:0.9em;
}

/* _________________________________________________________________ PRODUCT PRICE BLOCK  ______________________ */





.h24_design ul.h24_price_block_contents {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}

.h24_design ul.h24_price_float_right {
	float: right;
}

.h24_design ul.h24_price_block_contents li.h24_price_li {
	list-style: none;
	float: left;
}

.h24_design ul.h24_price_block_contents li.price {
	padding-right: 15px;
}

.h24_design ul.h24_price_block_contents span.h24_price_text {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
}







.h24_design ul.h24_price_block_contents li.quantity {
	padding-right: 10px;
}

.h24_design .product_price_block div.quantity select{
	padding: 0px;
}



.h24_design .product_price_block div.price span.product_price_text{
	font-weight: normal;
	/*color: #808080;*/
}




/* _________________________________________________________________ VIDEO BLOCK  ______________________ */
.h24_design .youtube_block .flowplayer_container {
	position: relative;
	cursor: pointer;
	display:block;
	
}

.h24_design .youtube_block .flowplayer_container div span {
	text-decoration: none;
	color: #eeeeee;
	/*font-weight: bold;*/
}

.h24_design .youtube_block .flowplayer_container div img {
	border: none;
}

.h24_design .youtube_block .flowplayer_container img.play_button, .h24_design .youtube_block .flowplayer_container div.caption {
	position: absolute;
	z-index: 10;
}

.h24_design .youtube_block .flowplayer_container div.caption {
	min-height: 10px;
	bottom: 0px;
	left: 0px;
	background-image: url(common/images/transparent_caption_bg.png);
	padding: 4px;
	border: 1px solid #cccccc;
	z-index: 9;
}

.h24_design .youtube_block .flowplayer_container img.play_button:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
}



/*____________________________________________________________________________  SMALL SOFT BUTTON  ____________________________________________________________ */
a.h24_soft_button_small, 
.h24_soft_button_small, 
.h24_soft_button_small strong,
.h24_soft_button_small input  {
background: transparent url(common/images/h24_soft_btn.png) no-repeat;
cursor:pointer;
display:block;
float:left;
font-family: Helvetica,Arial,sans-serif;
padding:0;
border:0 none;
text-decoration:none;
}

a.h24_soft_button_small:hover {
	text-decoration:none !important;
}

.h24_soft_button_small, a.h24_soft_button_small {
border:0;
clear:none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0 24px 0 0;
text-align:center;
}

.h24_soft_button_small, a.h24_soft_button_small {
border: none;
color:#FFFFFF;
cursor:pointer;
display:block;
font-weight:bold;
height:25px;
margin:0 auto;
text-align:center;
text-transform:uppercase;
}

.h24_soft_button_small input,
.h24_soft_button_small strong {
font-size:12px;
border:none;
color:#FFFFFF;
font-weight:bold;
height:25px;
line-height:25px;
padding:0 0 2px 24px !important;
text-align:center;
text-shadow:0 1px 1px #333333;
text-transform:uppercase;
white-space:nowrap;
line-height:24px;
padding-bottom:2px;
}

/* Style 1 - Default*/
.h24_soft_button_small:hover {
	background-position: right -37px;
}

.h24_soft_button_small:hover input,
a.h24_soft_button_small:hover strong {
	background-position: left -1px;
}

.h24_soft_button_small,
a.h24_soft_button_small {
background-position: right -109px;
}

.h24_soft_button_small input ,
a.h24_soft_button_small strong {
background-position:left -73px;
}


/* Style 2  - Orange*/

.h24_btn_style2:hover {
	background-position: right -181px;
}

.h24_btn_style2:hover input,
a.h24_btn_style2:hover strong {
	background-position: left -145px;
}

.h24_btn_style2,
a.h24_btn_style2 {
background-position: right -253px;
}

.h24_btn_style2 input,
a.h24_btn_style2 strong {
background-position:left -217px;
}

/* Style 3  - Grey*/

a.h24_btn_style3 {
	padding:0 9px 0 0;
	height:32px;
}

a.h24_btn_style3 strong{
	color:#3F3F3F;
	font-size:14px;
	font-weight:normal;
	height:32px;
	line-height:31px;
	padding:0 0 3px 11px !important;
	text-shadow:none;
	text-transform:none;
}

a.h24_btn_style3 span.plusSign{
	color:#4482a4;
	font-weight: bold;
}

a.h24_btn_style3:hover {
	background-position: right -1526px;
}

a.h24_btn_style3:hover strong {
	background-position: left -1487px;
}

a.h24_btn_style3 {
background-position: right -1449px;
}

a.h24_btn_style3 strong {
background-position:left -1410px;
}


/* __________________________________ Style - Xtra Large GREEN*/

a.h24_soft_button_xl,
a.h24_soft_button_xl strong{
padding:0 8px 0 0;
height:61px;
position:relative; /*Since sub text is positioned absolute*/
}

a.h24_soft_button_xl strong{
font-size:22px;
height:61px;
line-height:61px;
padding:0 9px 2px 15px !important;
}


/* XL - Green default*/
.h24_soft_button_xl:hover {
	background-position: right -391px;
}

a.h24_soft_button_xl:hover strong {
	background-position: left -300px;
}

a.h24_soft_button_xl {
background-position: right -573px;
}

a.h24_soft_button_xl strong {
background-position:left -482px;
}

/* XL - BLUE */

.h24_soft_button_xl_blue:hover {
	background-position: right -1338px;
}

a.h24_soft_button_xl_blue:hover strong {
	background-position: left -1267px;
}

a.h24_soft_button_xl_blue {
background-position: right -1196px;
padding-right: 12px;
}

a.h24_soft_button_xl_blue strong {
background-position:left -1121px;
}



/* XL - Added sub-text below large message*/
a.h24_btn_subtext span {
	bottom:9px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	left:0;
	position:absolute;
	text-align:center;
	text-transform:none;
	width:100%;
}

/* XL - Subtext modification */
a.h24_btn_subtext strong {
	line-height: 46px; /* Will put the large text higher up */
}


/* __________________________________ Style - Medium*/

a.h24_soft_button_medium,
a.h24_soft_button_medium strong{
padding:0 8px 0 0;
height:36px;
}

a.h24_soft_button_medium strong{
font-size:16px;
height:36px;
line-height:36px;
padding:0 7px 0 13px !important;
text-transform: none;
}


/* Medium - Blue default*/
.h24_soft_button_medium:hover {
	background-position: right -806px;
}

a.h24_soft_button_medium:hover strong {
	background-position: left -756px;
}

a.h24_soft_button_medium {
background-position: right -705px;
}

a.h24_soft_button_medium strong {
background-position: left -655px;
}

/* Medium - Green default*/
.h24_soft_button_medium_green:hover {
	background-position: right -907px;
}

a.h24_soft_button_medium_green:hover strong {
	background-position: left -856px;
}

a.h24_soft_button_medium_green {
background-position: right -1006px;
}

a.h24_soft_button_medium_green strong {
background-position: left -955px;
}

/* Contains an icon? */
a.h24_soft_button_medium.h24_containsAnIcon {
	position:relative;
}

a.h24_soft_button_medium.h24_containsAnIcon img {
left:7px;
position:absolute;
top:10px;
}

a.h24_soft_button_medium.h24_containsAnIcon strong {
padding-left: 27px !important;
}







/*____________________________________________________________________________  SMALL BUTTON (USED IN WEB SHOP)  ____________________________________________________________ */

ul.h24_small_button {
	font-family:Arial,Tahoma,Verdana,Sans-Serif,FreeSans !important;
	font-size:11px !important;
	font-size-adjust:none !important;
	font-stretch:normal !important;
	font-style:normal !important;
	font-variant:normal !important;
	font-weight:bold !important;
	line-height:normal !important;
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type: none !important;
	margin:0 !important;
	padding:0 !important;
}

	ul.h24_small_button li {
		background:transparent url(common/images/smallbutton_green_left.png) no-repeat scroll left 0 !important;
		cursor:pointer !important;
		float:left !important;
		height:21px !important;
		margin:0 !important;
		padding:0 5px 0 8px !important;
		list-style-image:none !important;
		list-style-position:outside !important;
		list-style-type: none !important;
	}

	ul.h24_small_button li p {
		background:transparent url(common/images/smallbutton_green_right.png) no-repeat scroll right 0 !important;
		margin:0 !important;
		padding:0 10px 0 0 !important;
	}

	ul.h24_small_button li p span {
		background:transparent url(common/images/smallbutton_green_middle.png) repeat-x scroll left 0 !important;
		color:#FFFFFF !important;
		display:block !important;
		line-height:20px !important;
		padding-bottom:1px !important;
		padding-left:6px !important;
		padding-right:2px !important;
		text-decoration:none !important;
		font-weight: bold !important;
	}

	ul.h24_small_button:hover li {
		background-position:left -50px !important;
	}

	ul.h24_small_button:hover li p {
		background-position:right -50px !important;
	}

	ul.h24_small_button:hover li p span {
		background-position:left -50px !important;
	}

	ul.h24_small_button:active li {
		background-position:left -100px !important;
	}

	ul.h24_small_button:active li p {
		background-position:right -100px !important;
	}

	ul.h24_small_button:active li p span {
		background-position:left -100px !important;
	}

	/* RED BUTTON */
	ul.h24_small_button li.h24_red_button {
		background-image: url(common/images/smallbutton_red_left.png) !important;
	}

	ul.h24_small_button li.h24_red_button p {
		background-image: url(common/images/smallbutton_red_right.png) !important;
	}

	ul.h24_small_button li.h24_red_button p span {
		background-image: url(common/images/smallbutton_red_middle.png) !important;
	}
	
	
	/* RED CART BUTTON */
	ul.h24_small_button li.cart_red {
		background-image: url(common/images/cart_red_left.png) !important;
		padding:0 0 0 26px !important;
	}

	ul.h24_small_button li.cart_red p {
		background-image: url(common/images/cart_red_right.png) !important;
	}

	ul.h24_small_button li.cart_red p span {
		background-image: url(common/images/cart_red_middle.png) !important;
	}

	
	
/* _________________________________________________________________ MISC ______________________ */
	
#loading_message p#h24_connection_problem {
	font-size: 12px; 
	line-height: 140%;
	display:none;
}

#loading_message p#h24_still_working {
	font-size: 12px; 
	line-height: 140%;
	display:none;
}
	





/* _________________________________________________________________ REMOVE BORDERS FROM LINKS ______________________ */

.h24_design .presentation_image_block a,
.h24_design .presentation_image_block a:visited,
.h24_design .presentation_image_block a:focus,
.h24_design .presentation_image_block a:hover,
.h24_design .standard_text_block a.text_block_image,
.h24_design .portfolio_block  a,
.h24_design .simple_gallery a
{
	border: none;
}

/* _________________________________________________________________ Tiny MCE ______________________ */

/*Fix to make drop downs look better (especially for font sizes)*/
.defaultSkin .mceMenu .mceText {
line-height:1;
}

/*The following spans are no longer used since we moved to pixels*/
span.x_small{
	font-size: 0.5em;
	line-height: 1.5em;
}
span.small {
	font-size: 0.8em;
	line-height: 1.5em;
}
span.normal {
	font-size: 1em;
	line-height: 1.5em;
}
span.normal_plus {
	font-size: 1.2em;
	line-height: 1.3em;
}
span.medium {
	font-size: 1.5em;
	line-height: 1.3em;
}
span.large {
	font-size: 2em;
	line-height: 1.2em;
}
span.large_plus {
	font-size: 2.5em;
	line-height: 1.2em;
}
span.x_large {
	font-size: 3em;
	line-height: 1.2em;
}



/* _________________________________________________________________ Important messages (e.g. page not found) ______________________ */

#important_message {
background-color:#FFF6BF;
border:1px solid #FFD324;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin:10px;
padding:15px 20px 20px;
text-align:left;
}

#important_message h6 {
    color: #ff0000;
    font-size: 24px;
    font-family: arial, sans-serif;
    margin: 0px 0 10px 0;
	line-height:120%;
}

#important_message a {
	text-decoration: underline;
}

/*##########################################################################################################################*/
/*____________________________________________________________________________  DEFAULT DIALOG CSS  _______________________ */
/*##########################################################################################################################*/


/*  BASE  _____________________________________________________________ */

.h24_dialog,
#ui-datepicker-div {
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.3;
	color: #333333;
}

/*  RESET  _____________________________________________________________ */
.h24_dialog p, .h24_dialog em, .h24_dialog span {
	text-align: left;
}

/*  DIALOG BASE CSS  ________________________________________________________ */
.h24_dialogBaseCss {
    display: none;
    position: absolute;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
}


/* DIALOG DESIGN  _____________________________________________________________ */

.jqmWindow {
    display: none;
    position: absolute;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #fff;
    color: #333;
	border:2px solid #77AC46;
    padding: 0 0 45px;
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}

.jqmWindow .header {
background:transparent url(common/images/dialog_header.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:30px;
line-height:30px;
width:100%;
text-align: left;
}

.jqmWindow .header_blue {
background:transparent url(common/images/dialog_header_blue.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:30px;
line-height:30px;
width:100%;
text-align: left;
}

.jqmWindow .header_red {
background:transparent url(common/images/dialog_header_red.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:30px;
line-height:30px;
width:100%;
text-align: left;
}

.jqmWindow .header span{
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
}

.jqmWindow .header_blue span{
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
}

.jqmWindow .header_red span{
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
}

.jqmWindow a.close_X, .jqmWindow a.close_X:link, .jqmWindow a.close_X:active, .jqmWindow a.close_X:visited {
font-family: verdana, sans-serif;
color:#FFFFFF;
float:right;
font-size:18px;
font-weight:bold;
line-height:30px;
padding-right:8px;
text-decoration:none;
}

.jqmWindow a.close_X:hover {
color:#000000;
}

#jqmOverlay { 
display:none;height: 100%; width: 100%; position: fixed; left: 0pt; top: 0pt; z-index: 2999; opacity: 0.5;background-color: #000; 
}




/*   LINKS  _____________________________________________________________ */

.h24_dialog a {
	color: #469C23;
	font-weight:bold;
	text-decoration:none;
}

.h24_dialog a:hover {
	color: #F18209;
	text-decoration:underline;
}



/*  TEXT STYLES  ____________________________________________________________ */

.h24_dialog em {
color:#545454;
display:block;
font-size:11px;
font-style:normal;
margin:3px 0 0;
}

.h24_dialog em a {
	font-size: 11px;
	font-style: bold;
}

.h24_dialog strong {
	font-weight: bold;
}

.h24_dialog .highlight {
	border-bottom:1px dashed;
}

.h24_dialog .center {
	text-align: center;
}

/*  HEADINGS _____________________________________________________________ */

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url(common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.eot);
	src: local('?'), url(common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.woff) format('woff'), url(common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.ttf) format('truetype'), url(common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V) format('svg');
	font-weight: normal;
	font-style: normal;
}

.h24_dialog h1, .h24_dialog h2, .h24_dialog h3, .h24_dialog h4 {
font-family: 'CartoGothicStdBold', arial;
color:#222;
font-weight:normal;
}



.h24_dialog h1 {
font-size:28px;
margin: 0 0 5px 0;
text-align: left;
}
.h24_dialog h2 {
font-size:20px;
margin: 0 0 5px 0;
text-align: left;
color: #1a6791;
}
.h24_dialog h3 {
font-size:18px;
margin: 0 0 5px 0;
text-align: left;
}
.h24_dialog h4 {
font-size:18px;
margin:0 0 5px;
text-align:left;
}

/*  TABLE FIX _____________________________________________________________ */
.standard_text_block table {
	margin-left:1px;
}

/*  LISTS _____________________________________________________________ */

/* UNORDERED LIST */

.h24_dialog ul {
margin:10px 10px 10px 5px;
padding:0 20px;
}

.h24_dialog ul li {
	padding: 0;
	margin-bottom: 7px;
	list-style-type: disc;
	list-style-position: outside;
}


/* ORDERED LIST */

.h24_dialog ol {
margin:10px 10px 10px 10px;
padding:0 20px;
}

.h24_dialog ol li {
	padding: 0;
	margin-bottom: 7px;
	list-style-position: outside;
	list-style-type: decimal;
}

/* Product details */
ul.product_details li {
	font-size:	11px;
}


/*  FORMS  _____________________________________________________________ */

.h24_dialog form {
background:transparent none repeat scroll 0 0;
border: none;
}

.h24_dialog .form_item {
	margin-bottom: 15px;
}
.h24_dialog .form_item_highlight1 {
	margin-bottom: 15px;
	/*background-color: #FAFAFA;*/
	border: 1px solid #DDDDDD;
	padding: 10px 15px 15px 15px;
	text-align: left;
}


/*  TEXT AREAS  _____________________________________________________________ */
.h24_dialog textarea {
background:#FFFFFF none repeat scroll 0 0;
border-color:#D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
border-style:solid;
border-width:1px;
overflow: auto;
}

.h24_dialog textarea.dialog_field {
	width: 200px;
	height: 80px;
}


/* INPUT, SELECT __________________________________________________________ */

.h24_dialog select, 
.h24_dialog input {
	padding: 3px;
}

*+html .h24_dialog select, *+html .h24_dialog input{ /* ie 7 */
	padding: 1px;
}

* html .h24_dialog select, * html .h24_dialog input{ /* ie 6 */
	padding: 3px;
}

.h24_dialog input[type="text"] {
	width: 112px; /* Width should be specified on an element basis, this is default */
}

.h24_dialog input.h24_long,
.h24_dialog input.long_textField,
.h24_dialog input.long_field,
.h24_dialog select.long_field
{
	width: 200px;
}

.page_manager_item input[type="text"] {
	height: 18px;
	margin-right: 7px;
	float: left;
}



/* LABEL  __________________________________________________________ */

.h24_dialog label {
	font-size: 12px;
	color: #333;
	margin: 0 0 3px 0;
	display: block;
	font-weight: bold;
}

.h24_dialog label[for] {
	cursor: pointer;
}

/*  CODE ____________________________________________________________ */

.h24_dialog code {
    display: block;
	background-color: #FFF6BF;
	padding: 10px;
	margin: 30px;
	border: 1px dashed #ccc;
}


/* TABLE - FOR FORMS  __________________________________________________________ */

table.form {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.form th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.form td {
	border-width: 0px 0px 0px 0px;
	padding: 0 10px 10px 0;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


/* Password dialog  __________________________________________________________ */
#password_protected_dialog {
padding: 0 !important;
}


/* Generic linking dialog  __________________________________________________________ */
#generic_linking_dialog label {
	display: inline;
}

#h24s_video h4 {
	margin-top: 30px;
}

#h24s_video th {
	padding-right: 20px;
	padding-top: 5px;
	font-weight: bold;
}


/* SCREENSHOT PREVIEW  __________________________________________________________ */
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font-family: arial, sans-serif;
	text-align:center;
	font-size: 12px;
	font-style:normal;
	line-height: 150%;
	z-index: 5000;
}


.h24_dialog .scroller_div_container {
	overflow: auto;
	margin-bottom: 50px
}
.h24_dialog div.dialog_save_cancel_buttons {
	/*height:41px;
	position:absolute;
	right:26px;
	bottom:21px;
	text-align:right;*/
	
	height:41px;
	padding-right:14px;
	padding-top:15px;
	text-align:right;
	
	/*position: static;
	padding:14px 15px 0 0;
	position:static;
	text-align: right;*/
}

.h24_dialog div.dialog_save_cancel_buttons a {
	float:right !important;
}


div.dialog_adv_img_settings span a {
bottom:10px;
font-size:10px;
height:40px;
left:25px;
position:absolute;
text-align:left;
width:140px;
color: #555555;
text-decoration:underline;
}




/*****************************
portfolio_block  BLOCK 
*****************************/
.h24_design .portfolio_block
{
 /*margin: 0 auto;
 padding: 0 12px 0 0;
 margin-bottom: 10px;*/
}
.h24_design .portfolio_block p
{
	padding-top:10px;
}
.h24_design .next_previous_portfolio_control {
	background: none;
	margin-left: 0px;
	width:100%;
}

.h24_design .next_previous_button_container
{
	width: 280px;
	margin: 0px auto;
	margin-top: 0px;
}


.h24_design .thumbnails {
background-color:#222;
}
.h24_design .thumbnails_container {
	/*background:#FAFAFA none repeat scroll 0% 0%;*/
	background: none;
	border:1px solid #DCDCDC;
	padding:5px;
	margin: 0px;
	width: 100%;
}
.h24_design .thumbnail_container {
	margin: 0; padding: 0;
	border: none; border-width: 0;
}
.h24_design .thumbnail_container a:link, 
.h24_design .thumbnail_container a:hover, 
.h24_design .thumbnail_container a:visited, 
.h24_design .thumbnail_container a:active {
	text-decoration: none;
	border: none;
	border-width: 0;
	margin: 0;
	padding: 0;
}

.h24_design .thumbnails table {
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}
.h24_design .thumbnails tr {
	height: auto;	
	background: none;
	/*background-color:#000000;*/
}
.h24_design .thumbnails td {
	overflow:hidden;
	background:none;
	border: none;
	border-width: 0;
	padding: 10px 0 10px 0;
	margin:0;
	width: auto;
}	
.h24_design .thumbnails a:link img, 
.h24_design .thumbnails a:hover img, 
.h24_design .thumbnails a:visited img, 
.h24_design img.thumbnail_img {
	background:none;
	margin: 0;
	padding:0;
	border: none;
	border-width: 0;
	text-decoration: none;
}

.h24_design .portfolio_nav .thumbnails a:hover {
	border: none;
	background: none;
}
.h24_design .portfolio_nav .thumbnail_container {
	width: 100%;
}


.h24_design .portfolio_nav {
	background-color:#333;
}

.h24_design .portfolio_nav {
	color: #CCCCCC;
	FONT: 11px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
.h24_design .portfolio_nav a, 
.h24_design .portfolio_nav a:link, 
.h24_design .portfolio_nav a:visited {
	text-decoration: none;
	color: #CCCCCC;
	border: 0;
}
.h24_design .portfolio_nav a:hover {
	text-decoration: none;
	color: #FFF;
	border: 0;

}


.h24_design div.portfolio_nav p {
	padding: 10px;
	margin: 0;
	background-color:#333;
	color: #ccc;
}

.h24_design .portfolio_arrows {
	height: 40px;
	background-color: #333333;
	position: relative;
	clear:both;
}
.h24_design .left_active {
	position: absolute;
	top: 6px;
	left:30px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	background:  url(common/images/common-sprite-2.png) no-repeat;
	background-position: 0 -30px; /* portfolio_block/left_active.gif */
}
.h24_design .left_inactive {
	position: absolute;
	top: 6px;
	left:30px;
	width: 28px;
	height: 28px;
	background:  url(common/images/common-sprite-2.png) no-repeat;
	background-position: 0 -294px; /* portfolio_block/left_inactive.gif */
}

.h24_design .right_active {
	position: absolute;
	top: 6px;
	right:30px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	background:  url(common/images/common-sprite-2.png) no-repeat;
	background-position: 0 -497px; /* portfolio_block/right_active.gif */
}
.h24_design .right_inactive {
	position: absolute;
	top: 6px;
	right:30px;
	width: 28px;
	height: 28px;
	background:  url(common/images/common-sprite-2.png) no-repeat;
	background-position: 0 -134px; /* portfolio_block/right_inactive.gif */
}
/*****************************
portfolio_block  BLOCK 
*****************************/


/* ___ Simple gallery ____________________________________________________ */

div.simple_gallery_content > div {
	float:left;
	position: relative;
}

div.simple_gallery_content {
clear:both;
overflow:hidden;
width:100%;
}



/* _________________________________________________________________ STANDARD BUTTON ______________________ */

.buttons a {
color:#222 !important;
cursor:pointer !important;
border:0 none !important;
font-family:arial !important;
font-size:14px !important;
font-weight:bold !important;
position:relative !important;
background: url(common/images/h24_soft_btn.png) no-repeat scroll right -1573px transparent !important;
}

.buttons a {
display:block;
float:left;
line-height:14px !important;
margin:0 7px 5px 0 !important;
padding:11px 10px 0 26px !important;
text-align:right !important;
text-decoration:none !important;
height:25px !important;
}



.buttons a img, .ui-dialog-content .buttons a img {
background:url(common/images/h24_soft_btn.png) no-repeat scroll 0 -1620px #FFFFFF !important;
border:0 none !important;
float:left !important;
left:0 !important;
padding:10px 0 10px 7px !important;
position:absolute !important;
top:0 !important;
}
	/* Different color on editing panel */
	.editing_control_panel .buttons a img {
		background-color: #515151 !important;
	}

/* Hover & active state */

/*Hover*/
.buttons a:hover {
	background-position: right -1665px !important;
}
.buttons a:hover img {
	background-position: 0 -1712px !important;
}


/*Active*/
.buttons a:active {
	background-position:right -1573px !important;
	color:#3F3F3F !important;
}
.buttons a:active img {
	background-position: 0 -1620px !important;
}

/*Disabled*/
.buttons a.h24_disabled:active,
.buttons a.h24_disabled:hover {
	background-position: right -1573px !important;
}
.buttons a.h24_disabled:active img,
.buttons a.h24_disabled:hover img {
	background-position: 0 -1620px !important;
}

/* Smaller version */
.editing_control_panel .buttons a,
.buttons a.h24_smallStandardButton {
background: url(common/images/h24_soft_btn.png) no-repeat scroll right -1765px  transparent !important;
font-size:12px !important;
font-weight:bold !important;
font-family: Tahoma, Geneva, sans-serif !important;
height:22px !important;
line-height:14px !important;
margin:0 7px 5px 0 !important;
padding:7px 10px 0 26px !important;
}

.buttons a.h24_disabled {
color:#777777 !important;
cursor: not-allowed !important;
}

.buttons a.h24_smallAndOnlyAnIcon {
padding-right: 3px !important;
}

.editing_control_panel .buttons a img, 
.buttons a.h24_smallStandardButton img, 
.ui-dialog-content .buttons a.h24_smallStandardButton img {
background:url(common/images/h24_soft_btn.png) no-repeat scroll 0 -1805px #FFFFFF !important;
padding:6px 0 10px 6px !important;
}

.editing_control_panel .buttons a img{
background-color: #515151 !important; /* To match the bg of editing control panel */
}

/* SMALLER - Hover & active state */

/*Hover*/
.editing_control_panel .buttons a:hover,
.buttons a.h24_smallStandardButton:hover {
	background-position: right -1840px  !important;
}
.editing_control_panel .buttons a:hover img,
.buttons a.h24_smallStandardButton:hover img {
	background-position: 0 -1880px  !important;
}


/*Active*/
.editing_control_panel .buttons a:active,
.buttons a.h24_smallStandardButton:active {
	background-position:right -1840px  !important;
}
.editing_control_panel .buttons a:active img,
.buttons a.h24_smallStandardButton:active img {
	background-position: 0 -1880px  !important;
}

/* Disabled */
.buttons a.h24_smallStandardButton.h24_disabled:active,
.buttons a.h24_smallStandardButton.h24_disabled:hover {
	background-position: right -1765px  !important;
}
.buttons a.h24_smallStandardButton.h24_disabled:active img,
.buttons a.h24_smallStandardButton.h24_disabled:hover img {
	background-position: 0 -1805px  !important;
}


#h24_shortcuts_wrapper .buttons a.h24_smallStandardButton {
	background-image: none !important;
	color: #fff !important;
}
#h24_shortcuts_wrapper .buttons a.h24_smallStandardButton img {
	background-image: none !important;
	color: #fff !important;
}


/* Small with sliding door */
.buttons a.h24_smallWithSlidingDoor {
background-position:right -1916px !important;
height:29px !important;
padding:0 8px 0 0 !important;
}

.buttons a.h24_smallWithSlidingDoor span {
	background: url(common/images/h24_soft_btn.png) no-repeat scroll 0 -1956px  transparent !important;
	display:block;
	height:29px;
	line-height:28px;
	padding:0 3px 0 10px !important;
}

.buttons a.h24_smallWithSlidingDoor:hover {
	background-position:right -1993px !important;
}

.buttons a.h24_smallWithSlidingDoor:hover span {
	background-position:left -2033px !important;
}














/* Not sure what this is used for /Mikael */

.user_manager_item a.neutral{
	height: 14px;
}

.user_manager_item a.arrow {
	width: 14px;
}

.user_manager_item a.user {
	border: 0pt none;
	background: none;
	float: left;
	padding-left: 4px;
}

.user_manager_item a.move {
	border: 0pt none;
	background: none;
	float: right;
	cursor: move;
}

.user_manager_item a.user:hover, .user_manager_item a.move:hover  {
    background: none;
    border: 0pt none;
}


/*  INTERNET EXPLORER 6 MENU */

#nav_ie6 {
position: absolute; 
right:40px; 
top: 70px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding:6px 30px; }

#navlist a:link, #navlist a:visited
{
color:#444444;
font-size:18px;
font-weight:normal;
text-decoration:none;
}

#navlist li.current a:link, #navlist li.current a:visited
{
/*color: #fff;
background-color: #469C23;*/
font-weight: bold;
}

#navlist a:hover
{
/*color: #fff;
background-color: #469C23;
text-decoration: none;*/
}


/*##########################################################################################################################*/
/*____________________________________________________________________________  ALERT MESSAGES _________________________________________________________________ */
/*##########################################################################################################################*/


/*____________________________________________________________________________ ALERT COLOUR _______________________________________________________________ */
.error_marked {
	background-color: #FFADAE !important;
}

/*____________________________________________________________________________ ALERT MESSAGE FOR ERRORS ___________________________________________________ */
p.alert_message,
.h24_design p.alert_message
 {
	background: #fff6bf url(common/images/famfamfam/exclamation.png) no-repeat;
	background-position: 15px 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #ffd324;
	margin: 10px 10px 10px 10px;
	color: #333;
	max-width:450px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
	
}

/*______________________________________________________________________________________ INFO MESSAGE __________________________________________________ */
p.info_message,
.h24_design p.info_message {	
	background: #fff6bf url(common/images/famfamfam/information.png) no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;*/
	border: 1px solid #ffd324;
	margin: 0px auto 0px auto;
	color: #333;
	max-width:450px;

	
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}

.h24_dialog p.dialog_box_message {
	margin: 20px auto;
	width: 300px;
}

/*______________________________________________________________________________________ WARNING MESSAGE __________________________________________________ */
p.warning_message,
.h24_design p.warning_message {
	background: #fff6bf url(common/images/fugue/exclamation_frame.png) no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ffd324;
	margin: 10px 10px 10px 10px;
	color: #333;
	max-width:450px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}

/*______________________________________________________________________________________ WARNING MESSAGE __________________________________________________ */
p.help_message,
.h24_design p.help_message {
	background: #fff6bf url(common/images/famfamfam/help.png) no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ffd324;
	margin: 10px 10px 10px 10px;
	color: #333;
	max-width:450px;
	
	margin-left:auto;
	margin-right:auto;

	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}

/*______________________________________________________________________________________ ACCEPT MESSAGE FOR SUCCESS __________________________________________________ */
p.accept_message,
.h24_design p.accept_message {
	background: #fff6bf url(common/images/famfamfam/accept.png) no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ffd324;
	margin: 10px 10px 10px 10px;
	color: #333;
	max-width:450px;
	
	margin-left:auto;
	margin-right:auto;

	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}


/*__________________________________________________ WEBSHOP PANEL */
#h24_webshop {
	bottom:0;
	height:35px;
	left:0;
	overflow:hidden;
	display:none;
	padding-top:25px;
	position:fixed;
	width:100%;
	z-index:899;
}
	/*if ie6, lets simulate position:fixed*/
	div#h24_webshop {
	  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
	  position: absolute; left: 0px; bottom: 0px;
	  right: auto; bottom: auto;
	  left: expression( ( -00 - h24_webshop.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	  top: expression( ( -00 - h24_webshop.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}
	

#h24_webshop_wrapper IFRAME
{
 display:none;/*sorry for IE5*/ 
 display/**/:block;/*sorry for IE5*/
 position:absolute;/*must have*/
 top:0;/*must have*/
 left:0;/*must have*/
 z-index:-1;/*must have*/
 filter:mask();/*must have*/
 width:550px;/*must have for any big value*/
 height:425px/*must have for any big value*/;
}

	
#h24_webshop_wrapper {
	color: #333;
	border:1px solid #666;
	background: #FFFFFF none repeat scroll 0 0;
	height:390px;
	margin:0 auto;
	padding:35px 0 0;
	position:relative;
	width:550px;
	overflow: visible;
}

	#h24_webshop_wrapper ul.h24_hide_show_cart {
		position:absolute;
		right:15px;
		top:6px;
	}

	/* DEPRECATED */
	#h24_webshop_wrapper ul.h24_empty_cart {
		position:absolute;
		right:50px;
		top:6px;
	}
	
	#h24_webshop_wrapper ul.h24_small_button {
		min-width: 130px;
		float:right;
	}
	
	#h24_webshop_wrapper ul.h24_back_to_cart {
		position:absolute;
		right:15px;
		top:6px;
	}

#h24_webshop_content {
	height:355px;
	overflow:auto;
	padding:15px 20px 15px 30px;
	position: static;
	text-align:left;
	width:500px;
	border-color:#CCCCCC;
	border-style:solid none;
	border-width:1px 0 0;
}


	#h24_webshop_content h2,
	#h24_webshop_content p {
		font-weight: normal;
		text-align: left;
	}
	
	#h24_webshop_content h2 {
		font-size:16px;
		font-weight:bold;
		margin-bottom:10px;
	}

	#h24_webshop_content span.h24_artNo {
		font-size: 10px;
		color: #888;
	}

img#h24_webshop_toggle {
	cursor:pointer;
	left:0;
	position:absolute;
	top:-27px;
}

div#h24_webshop_toggle {
/*background:green url(common/images/famfamfam/cart.png) no-repeat scroll 5px 50%;*/
background-color: green;
cursor:pointer;
height:16px;
left:-1px;
padding:3px 10px 0;
position:absolute;
top:-20px;
}

div#h24_webshop_toggle span {
color:#FFFFFF;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
line-height:100%;
vertical-align:baseline;
}


#h24_webshop_amount {
	font-weight:bold;
	left:15px;
	padding-top:6px;
	position:absolute;
	top:3px;
}


#h24_webshop_wrapper table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #d9d9d9;
	border-collapse: collapse;
	background-color: white;
	width: 470px;
}
	#h24_webshop_wrapper table th {
		border-width: 1px 1px 1px 1px;
		padding: 6px;
		border-style: inset inset inset inset;
		border-color: #d9d9d9;
		background-color: #ededed;
		
		font-weight: normal;
	}
	#h24_webshop_wrapper table td {
		border-width: 1px 1px 1px 1px;
		padding: 6px;
		border-style: inset inset inset inset;
		border-color: #d9d9d9;
		background-color: white;
	}


#h24_webshop_wrapper table.h24_cart_summary {
	width:auto;
}

	#h24_webshop_wrapper table.h24_cart_summary th{
		font-weight: bold;
		text-decoration: none;
	}


#h24_webshop_content, #h24_webshop_content div {
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:130%;
}

#h24_webshop_content h1 {
	font-weight: bold;
}

#h24_webshop_wrapper input.error {
	background-color: #FF5555;
}

#h24_webshop_wrapper input.warning {
	background-color: #FFEC60;
}

#h24_webshop_wrapper .buttons a {
	color: #ffffff;
	background-color:#04a408;
	border:1px solid #000000;
	white-space: nowrap;
}
#h24_webshop_wrapper .buttons a:hover {
	background-color:#56c659;
}

.h24_webshop_text {
	margin-bottom: 20px;
	font-weight: normal;
	text-align: left;
}

div#h24_webshop_shipping {
	width: 475px;
	margin: 15px 0 15px 0;
}

.h24_product_price_out_of_stock {
	padding-top: 1px;
	font-size: 13px;
	font-family: Trebuchet MS,Arial,Verdana,Tahoma,Sans-Serif,FreeSans;
}

/*__________________________________________________ FLAG LIST */

#h24_flag_list {
	width: auto;
	padding: 3px 4px 4px 4px;
	z-index: 100;
}

#h24_flag_list_p {
	white-space: nowrap;
}

#h24_flag_list ul#h24_flag_list_ul {
	padding: 3px 3px 3px 3px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#h24_flag_list ul#h24_flag_list_ul li {
	background: transparent none no-repeat 0 50%;
	padding-left:0px;
}

#h24_flag_list ul#h24_flag_list_ul li.h24_padding_left {
	padding-left:20px;
}

#h24_flag_list_p a,
#h24_flag_list_p a:hover,
#h24_flag_list_p span,
#h24_flag_list ul#h24_flag_list_ul a,
#h24_flag_list ul#h24_flag_list_ul a:hover,
#h24_flag_list ul#h24_flag_list_ul span {
	color: #444;
	border: none;
}

#h24_flag_list_p a,
#h24_flag_list ul#h24_flag_list_ul a {
	font-weight: normal;
	text-decoration: none;
	border: 0;
}

#h24_flag_list_p span,
#h24_flag_list ul#h24_flag_list_ul span {
	font-weight: normal;
}

#h24_flag_list_p a:hover,
#h24_flag_list ul#h24_flag_list_ul a:hover {
	cursor: pointer;
	text-decoration: underline;
	border: 0;
}


#h24_flag_list ul#h24_flag_list_ul li.horizontal {
	float: left;
	margin-right: 5px;
}

#h24_flag_list .h24_flaglist_hover {
	border: 1px solid #515151;
	background-color: #e2e2e2;
	color: #000000;
}

#hemsida24-login-table {
	border: 0px;
	margin-bottom: 40px;
}

#hemsida24-login-table td{
	border: 0px;
}

#hemsida24-login-table th {
	border: 0px;
}




/*_____________________________________________________________________ LOADING MESSAGE AND OVERLAY___________________*/
#loading_message
{
display:none;
position:fixed;
left:42%;
top:30%;
text-align:center;
background: transparent;
/*border: 1px solid;
border-color: #ccc #333 #333 #ccc;*/
z-index: 15001;
	width: 260px;
	height: 50px;
}
#loading_message p {
margin: 0; padding: 0;
font-weight: bold;
font-size: 14px;
font-family: "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
color: #333;
margin-top: 2px;
text-align: left;
}
	/*if ie6, lets simulate position:fixed*/
	* html #loading_message {
		  position: absolute;
		  top: expression(ignoreMe = document.documentElement &&
	document.documentElement.scrollTop || document.body.scrollTop);
	}


	
.drp_blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.drp_shadow,
.drp_content{
	position: relative;
	bottom: 2px;
	right: 2px;

}

.drp_shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.drp_content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: 10px 10px 13px 15px;
}
	

/*_____________________________________________________________________ LOADING OVERLAY___________________*/
#loading_overlay {
display:none;
position:absolute;
width: 100%;
height: 2000px;
top: 0;
left: 0;
background-color: #ffffff;
z-index:15000;
}
.make_opacity {
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter: alpha(opacity=25);
}


/* __________________ Jquery tools OVERLAY */ 

/* the overlayed element */
.h24_jqt_simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	font-family:arial;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	/* -moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000; */
}

/* close button positioned on upper right corner */
.h24_jqt_simple_overlay .close {
	background: transparent url(common/images/cc_close_button.png) no-repeat left top;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.h24_jqt_simple_overlay .close:hover { 
background: transparent url(common/images/cc_close_button.png) no-repeat left -48px;
}





/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.h24_jqt_next, .h24_jqt_prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.h24_jqt_prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.h24_jqt_next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.h24_jqt_next:hover, .h24_jqt_prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.h24_jqt_info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.h24_jqt_info strong {
	display:block;
	font-weight: bold;
}

/* progress indicator (animated gif). should be initially hidden */
.h24_jqt_progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.h24_jqt_next, .h24_jqt_prev, .h24_jqt_info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}


/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(common/images/overlay/transparent.png);         
    color:#fff; 
}

/* OPACITY */
.h24_opacity_50 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE7 */
	opacity: 0.5; /* Web browsers */
}

/*__________________________ Tooltip _____________________________________________*/
.h24_tooltip {
background-color: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 3px solid #469c23;
padding:12px 12px 13px;
position: absolute;
width: 250px;
z-index: 4000;
display:none;
-moz-box-shadow: 5px 7px 25px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 7px 25px rgba(0, 0, 0, 0.4);
}

.h24_tooltip p{
color:#333333;
font-family:verdana;
font-size:14px;
line-height: 140% !important;
}

.h24_tooltip a,
.h24_tooltip a:visited,
.h24_tooltip a:active {
color:#469C23;
text-decoration:underline;
}

.h24_tooltip a:hover {
color:#F18209;
}

.h24_tooltip_arrow {
width: 17px;
height: 23px;
background: transparent url(common/images/tooltip/tooltip_arrow_left.png) no-repeat scroll left top;
position: absolute;
}

/*Add class for left-arrow*/
.h24_tooltip_left .h24_tooltip_arrow {
left:-17px;
margin-top:-10px;
top:50%;
}

/*Add class for right-arrow*/
.h24_tooltip_right .h24_tooltip_arrow {
background: transparent url(common/images/tooltip/tooltip_arrow_right.png) no-repeat scroll left top;
right:-17px;
margin-top:-10px;
top:50%;
}

/*Add class for top-arrow*/
.h24_tooltip_top .h24_tooltip_arrow {
background: transparent url(common/images/tooltip/tooltip_arrow_top.png) no-repeat scroll left top;
top:-17px;
margin-left:-10px;
left:50%;
width: 23px;
height: 17px;
}

/*Add class for bottom-arrow*/
.h24_tooltip_bottom .h24_tooltip_arrow {
background: transparent url(common/images/tooltip/tooltip_arrow_bottom.png) no-repeat scroll left top;
bottom:-17px;
margin-top:-10px;
left:50%;
width: 23px;
height: 17px;
}

.h24_tooltip_smallText p {
	font-size: 12px;
	font-weight:normal;
}

.h24_tooltip_warning {
	background: url(common/images/fugue/exclamation_frame.png) no-repeat scroll 15px 50% #FFFFFF;
	padding-left: 45px;
}

.h24_tooltip_info {
	background: url(common/images/fugue/shadowless/information-frame.png) no-repeat scroll 15px 50% #FFFFFF;
	padding-left: 45px;
}

.h24_tooltip_help {
	background: url(common/images/fugue/shadowless/question-frame.png) no-repeat scroll 15px 50% #FFFFFF;
	padding-left: 45px;
}

/* Misc */
label.inline {
	display: inline;
}

label.block {
	display: block;
}

/* Google maps */
div.h24_do_print {
	display: none;
}

/*__________________________________________________ FORM BLOCK */
.h24_form_ul_wrapper label {
	display: block !important;
	font-weight: bold;
	padding-bottom:2px;
}

.h24_form_ul_wrapper label.h24_inline_label {
display:inline !important;
font-weight:normal;
}

.h24_form_ul_wrapper label.h24_remove_bold {
font-weight:normal;
}



.h24_form_ul_wrapper span.h24_form_field_red_star {
	color: red !important;
	font-weight: bold;
}

.h24_form_ul_wrapper ul li {
	list-style-type: none !important;
	padding-bottom: 10px !important;
}

.h24_form_ul_wrapper ul {
	margin:0;
	padding:0 !important;
}


.h24_form_ul_wrapper ul.h24_checkbox_list {
list-style-type:none !important;
margin:0px 0 0;
padding:0;
}


.h24_form_ul_wrapper .h24_checkbox_list label {
display: block;
padding-left: 0px;
text-indent: -0px;
}

.h24_form_ul_wrapper ul.h24_checkbox_list li {
	list-style-type: none !important;
	padding-bottom: 9px !important;
	margin-bottom: 0px !important;
}


.h24_form_ul_wrapper input.h24_checkbox, 
.h24_form_ul_wrapper input.h24_radio {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0 8px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.h24_form_field_heading {
	font-weight: bold;
	margin-bottom: 10px;
}

.h24_form_field_heading_helptext {
	font-size: 12px;
}

.h24_form_field_error {
	background-color: #FFB3B3;
}

.h24_form_field_error_color {
	color: red;
	font-weight: bold;
}

.h24_form_field_settings_helptext_div {
max-width:450px;
}

/* BEGINNING FILE: common/boxbackgrounds_common.css */

/* _________________________________________________________________ CURVED CORNERS ______________________ */


/* _______________ CURVED CORNERS - UI Dialog ______________________ */
 
 .cc_tl_uiDialogBox {
	height: 22px;
 }
 
 .cc_bl_uiDialogBox {
	height: 22px;
 }


/*Top part*/
.cc_tr_uiDialogBox {
	background: transparent url(common/images/dialog/dialogbox-top_and_bottom.png) no-repeat right -22px; /*Pixel number should be where the top right corner is located on the Y-axis*/
	padding-right: 22px; /*Padding right should be width of top right corner image*/
}

.cc_tl_uiDialogBox {
	background: transparent url(common/images/dialog/dialogbox-top_and_bottom.png) no-repeat left top;
}


/*Middle part*/
.cc_ml_uiDialogBox {
	background: transparent url(common/images/dialog/dialogbox-left_border.png) repeat-y left top;
	clear:both;
	width:100%;
}

.cc_mr_uiDialogBox {
	background: transparent url(common/images/dialog/dialogbox-right_border.png) repeat-y right top;
	clear:both;
	width:100%;
}

.cc_content_uiDialogBox {
	padding: 0px 11px 0px 13px; /*Padding left and right should be the same as their border widths*/
}

.cc_content_bg_uiDialogBox {
	background-color:#FFFFFF;
	/*padding-bottom:56px; Created ugly bottom padding on elements with no save button */
	padding-bottom:15px;
}

/*Bottom part*/
.cc_br_uiDialogBox {
	background: transparent url(common/images/dialog/dialogbox-top_and_bottom.png) no-repeat right -71px; /*Pixel number should be where the bottom right corner is located on the Y-axis*/
	padding-right: 22px; /*Padding right should be width of bottom right corner image*/
	clear:both;
}

.cc_bl_uiDialogBox {
	background: transparent url(common/images/dialog/dialogbox-top_and_bottom.png) no-repeat left -44px; /*Pixel number should be where the bottom wall is located on the Y-axis*/
}




/* _______________ CURVED CORNERS - White front page style ______________________ */
 .cc_tl_whitefrontpage,
 .cc_bl_whitefrontpage {
	height: 7px; /*Height of top and bottom part*/
 }


/*Top part*/
.cc_tr_whitefrontpage {
	background: transparent url(common/images/whitefrontpage_top_bottom.png) no-repeat right -9px; /*Pixel number should be where the top right corner is located on the Y-axis*/
	padding-right: 5px; /*Padding right should be width of top right corner image*/
}

.cc_tl_whitefrontpage {
	background: transparent url(common/images/whitefrontpage_top_bottom.png) no-repeat left top;
}


/*Middle part*/
.cc_ml_whitefrontpage {
	background: transparent url(common/images/whitefrontpage_left.png) repeat-y left top;
	clear:both;
	width:100%;
}

.cc_mr_whitefrontpage {
	background: transparent url(common/images/whitefrontpage_right.png) repeat-y right top;
	clear:both;
	width:100%;
}

.cc_content_whitefrontpage {
	padding: 0px 1px 0px 3px; /*Padding left and right should be the same as their border widths*/
}

.cc_content_bg_whitefrontpage {
	background-color: #fff;
}





/*Bottom part*/
.cc_br_whitefrontpage {
	background: transparent url(common/images/whitefrontpage_top_bottom.png) no-repeat right -32px; /*Pixel number should be where the bottom right corner is located on the Y-axis*/
	padding-right: 7px; /*Padding right should be width of bottom right corner image*/
	clear:both;
}

.cc_bl_whitefrontpage {
	background: transparent url(common/images/whitefrontpage_top_bottom.png) no-repeat left -17px; /*Pixel number should be where the bottom wall is located on the Y-axis*/
}



/* _______________ CURVED CORNERS - Soft white style ______________________ */
 .cc_tl,
 .cc_bl {
	height: 14px;
 }


/*Top part*/
.cc_tr {
	background: transparent url(common/images/curves_top_bott.png) no-repeat right -17px;
	padding:0 14px 0 0;
}

.cc_tl {
	background: transparent url(common/images/curves_top_bott.png) no-repeat left top;
}


/*Middle part*/
.cc_ml {
	background: transparent url(common/images/curves_left.png) repeat-y left top;
	clear:both;
	width:100%;
}

.cc_mr {
	background: transparent url(common/images/curves_right.png) repeat-y right top;
	clear:both;
	width:100%;
}

.cc_content {
	padding: 3px 11px 3px 11px;
}





/*Bottom part*/
.cc_br {
	background: transparent url(common/images/curves_top_bott.png) no-repeat right -55px;
	padding:0 14px 0 0;
	clear:both;
}

.cc_bl {
	background: transparent url(common/images/curves_top_bott.png) no-repeat left -35px;
}



/* _______________ CURVED CORNERS - Black transparent style ______________________ */
 .cc_tl_blacktrans,
 .cc_bl_blacktrans {
	height: 30px;
 }


/*Top part*/
.cc_tr_blacktrans {
	background: transparent url(common/images/blacktrans_top_bottom.png) no-repeat right -39px;
	padding:0 28px 0 0;
	position: relative;
}

.cc_tl_blacktrans {
	background: transparent url(common/images/blacktrans_top_bottom.png) no-repeat left top;
}


/*Middle part*/
.cc_ml_blacktrans {
	background: transparent url(common/images/blacktrans_left.png) repeat-y left top;
	clear:both;
	width:100%;
}

.cc_mr_blacktrans {
	background: transparent url(common/images/blacktrans_right.png) repeat-y right top;
	clear:both;
	width:100%;
}

.cc_content_blacktrans {
	padding: 0px 28px 0px 28px;
}

.cc_content_bg_blacktrans {
	background: transparent url(common/images/blacktrans_bg.png) repeat left top;
	min-height:100px;
	height: auto !important;
	height: 100px;
}

.cc_content_bg_blacktrans img.cc_loader {
	left:50%;
	margin-left:-22px;
	position:absolute;
	top:60px;
}

.cc_content_bg_blacktrans a.h24_get_flash {
	color:#999999;
	font-family:arial;
	font-size:12px;
	left:50%;
	margin-left:-115px;
	position:absolute;
	text-decoration:none;
	top:110px;
}

/*Bottom part*/
.cc_br_blacktrans {
	background: transparent url(common/images/blacktrans_top_bottom.png) no-repeat right -118px;
	padding:0 28px 0 0;
	clear:both;
}


.cc_bl_blacktrans {
	background: transparent url(common/images/blacktrans_top_bottom.png) no-repeat left -79px;
}


/* default close button positioned on upper right corner */ 
.cc_closebutton_blacktrans { 
background: transparent url(common/images/cc_close_button.png) no-repeat left top;
cursor:pointer;
height:35px;
position:absolute;
right:-4px;
top:-2px;
width:35px;
}

.cc_closebutton_blacktrans:hover { 
background: transparent url(common/images/cc_close_button.png) no-repeat left -48px;
}


/* IE6 */
* html div.cc_tr_blacktrans,
* html div.cc_tl_blacktrans,
* html div.cc_ml_blacktrans,
* html div.cc_mr_blacktrans,
* html div.cc_br_blacktrans,
* html div.cc_bl_blacktrans
 {
	background-color: #000;
	background-image: none;
}

* html div.cc_closebutton_blacktrans { 
	background: transparent url(common/images/famfamfam/cross.png) no-repeat 50% 50%;
}








/* _________________________________________________________________ HIGHLIGHTED SECTIONS ______________________ */

.h24_highlight
{
	padding: 15px;
	background: #f9fdf7 url(common/images/gradient_green.jpg) repeat-x !important;
	border: 1px solid #bae79c !important;
}

/* BEGINNING DESIGN CSS */

/*
Further modified by www.Hemsida24.se

Original design:
zenlike1.0 by nodethirtythree design
http://www.nodethirtythree.com

*/

/******EDIT MODE CSS******/
#h24_homepage_title_button {padding-left: 25px;}
#header_h24_button {padding: 5px 0 0 350px;}

#tinymce {
background-color:#FFFFFF;
background-image: none;
}
/***************/

body
{
background: #FFFFFF;
color: #333333;
background-image: url(/public/userdata/design_files/19/511.gif);
font-size: 13px;
font-family: "georgia", "times new roman", serif;
}

.h24_design {
padding: 35px 0px 35px 0px;
}


.h24_design button.submit
{
line-height: 140%;
}

.h24_design p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

.h24_design .block_container li, .h24_design .block_container td, .block_container .h24_design th
{
line-height: 1.5em;
}

.h24_design a
{
color: #868B00;
text-decoration: underline;
}

#header a {
text-decoration: none;
}

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


.h24_design h2 span
{
font-weight: normal;
}

.h24_design h2,.h24_design h3
{
font-weight: normal;
}

.h24_design h2
{
font-size: 1.7em;
}

.h24_design h3
{
font-size: 1.2em;
}

/* start - table */
.h24_design table {
	margin-left: 1px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204);
	border-collapse: collapse;
	background-color: white;
}
.h24_design table th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
.h24_design table td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
/* end - table */

.contentarea
{
padding-top: 1.3em;
}

.divider1
{
position: relative;
background: #fff url('/public/userdata/design_files/19/497.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}


.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}



#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 900px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 120px;
background: #2B2B2B url('/public/userdata/design_files/19/503.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
min-height: 66px;
height: auto !important;
min-width: 220px;
width: auto !important;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}

/* MAIN NAVIGATION */
#menu
{
position: relative;
/*background: #7F8400 url('/public/userdata/design_files/19/502.gif') repeat-x top left;*/
background-color: #7F8400;
height: 47px;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 6px 13px 12px 13px;
color: #fff;
text-decoration: none;
height: 40px;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.current
{
background: transparent url('/public/userdata/design_files/19/521.png') repeat-x top left;
}

/** IE6 **/

* html #menu ul li a.current {
background:none;
text-decoration:underline;
}


#menubottom
{
background: #fff url('/public/userdata/design_files/19/496.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

/* SUB NAVIGATION */

#sub_nav {
border-bottom:1px solid #BFBFBF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
width: 200px;
float:left;
}
#sub_nav ul, #sub_nav ul ul, #sub_nav ul ul ul, #sub_nav ul ul ul ul {
border-bottom:0 none;
margin:0;
}
#sub_nav li a {
border-top:1px solid #BFBFBF;
color:#444;
display:block;
font-size:14px;
letter-spacing:0.05em;
padding:5px 5px;
text-decoration: none;
}
#sub_nav a.current, #sub_nav li a:hover {
background-color:#EDEDED;
}
#sub_nav li li a {
background:transparent url(/images/line.gif) no-repeat scroll 8px center;
color:#333333;
font-size:100%;
padding-left:3.5em;
}

#content
{
padding: 0 20px 30px 20px;
}


#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#collectionContainer {
	float: left;
	width: auto;
}

	#collection0
	{
		float: left;
		margin-left: 25px;
	}

	#collection1
	{
		float: left;
		margin-left: 25px;
	}

	#collection2
	{
		float: left;
		margin-left: 25px;
	}

	#collection3
	{
		float: left;
		margin-left: 25px;
	}

	#collection4
	{
		float: left;
		margin-left: 25px;
	}

	
	
#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('/public/userdata/design_files/19/497.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
color: #333;
}

#footer .left
{
position: absolute;
left: 2.0em;
top: 45px;
}

#footer .right
{
position: absolute;
right: 2.0em;
top: 45px;
}

#footer .right, #footer .right a
{
color: #ccc;
text-decoration: none;
}







/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}






/*** DEMO SKIN ***/

/*____________________________________________ ## DESIGN SPECIFIC HERE ONLY!! ## _______*/
.sf-menu {
	border-bottom:		1px solid #CCCCCC;
}




.h24_design .sf-menu a {
padding: 	6px 13px 6px 28px !important;
text-decoration:none;
border-bottom: none;
border-left: none !important;
font-weight: normal;
}

.h24_design .sf-menu a span {
line-height: 150% !important;
}

.h24_design .sf-menu a,.h24_design .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
background-image:url(/public/userdata/design_files/19/556.gif);
background-position:8px 13px;
background-repeat:no-repeat;
}

.h24_design .sf-menu a:focus,.h24_design  .sf-menu a:hover,.h24_design .sf-menu a:active,.h24_design .sf-menu a.current {
background-image:url(/public/userdata/design_files/19/557.gif) !important;
background-position:8px 13px !important;
background-repeat:no-repeat !important;
}

/* Grandchild for vertical menu */

.h24_design .sf-menu li.grandchild > a:focus,.h24_design  .sf-menu li.grandchild > a:hover,.h24_design .sf-menu li.grandchild > a:active,.h24_design .sf-menu li.grandchild > a.current,
.sf-menu li.grandchild > a,
.sf-menu li.grandchild > a:visited{ 
	background-image: url(/public/userdata/design_files/19/1179.gif) !important;
	background-position:18px 13px !important;
	padding-left:38px !important;
}


/*____________________________________________ ## END DESIGN SPECIFIC ## _______*/




.sf-menu {
	float:			left;
	margin-bottom:	0em;
}


/*____________________________________________ ITEM BORDER TOP LEFT _______*/
.h24_design .sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CCCCCC;
}

/*____________________________________________ ITEM PADDING _______*/
.h24_design .sf-menu a {
padding: 		.75em 1em;
text-decoration:none;
border-bottom: none;
}


/*____________________________________________ ITEM COLOR _______*/
.h24_design .sf-menu a,.h24_design .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333333;
}


/*____________________________________________ PARENT BACKGROUND COLOR _______*/
.h24_design .sf-menu li {
	background:		#FFFFFF;
}

/*____________________________________________ PARENT _IF CURRENT PAGE_ BACKGROUND COLOR _______*/
.h24_design .sf-menu li.current {
	background:		#E2E2E2;
}


.h24_design .sf-menu li li {
	background:		#AABDE6;
}
.h24_design .sf-menu li li li {
	background:		#9AAEDB;
}

/*____________________________________________ PARENT _HOVER_ BACKGROUND COLOR _______*/
.h24_design .sf-menu li:hover,.h24_design .sf-menu li.sfHover,
.h24_design .sf-menu a:focus,.h24_design .sf-menu a:hover,.h24_design .sf-menu a:active {
	background:		#E2E2E2;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/

/*_______________________________________________ PARENT WIDTH H24 ________________ */
.sf-vertical, .sf-vertical li {
	width:	210px;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#h24_flag_list {
position: absolute;
font-size:11px;
left:811px;
line-height:150%;
top:1px;
}
/* BEGINNING THEME CSS */

#menu {
background-color:#e2c89d;
}
#menu span {
color:#000000;
}
#outer {
border-color:#ffffff;
}
#header {
background-image:url(/public/userdata/design_files/19/1069.png);
}
.h24_design a {
color:#7F8400;
}
body {
background-image:url(/public/images/patterns/verkliga-9.jpg);
}


/* BEGINNING FILE: ../js/jquery/jquery-UI/themes/flora/flora.css */

.ui-wrapper { border: none; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* BEGINNING FILE: ../js/jquery/farbtastic/farbtastic.css */

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../js/jquery/farbtastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../js/jquery/farbtastic/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../js/jquery/farbtastic/marker.png) no-repeat;
}


/* BEGINNING FILE: ../js/shadowbox-IE6/skin/classic/skin.css */

/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(../js/shadowbox-IE6/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading a {
	color: #ccc;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
	min-width:26px;
	width: auto !important;
	width: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 30px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 27px;
  width: 35px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(../js/shadowbox-IE6/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(../js/shadowbox-IE6/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(../js/shadowbox-IE6/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(../js/shadowbox-IE6/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(../js/shadowbox-IE6/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}