/* html */
body {
	margin: 0;
	padding: 0;
	background: #ccc url(/skin/ikr2/img/bg.gif) repeat-x;
	font-size: small;
}

table.striped {
	width: 100%; border: 0; margin: 0 auto;
}
table.striped tr td {
	margin: 1px; padding: 4px 8px;
}
table.striped tr th, tr.no_stripe {
	margin: 1px; padding: 4px 8px; background: #fff;
}

tr { vertical-align: top; }
td, th, p, li, a, fieldset {
	font: 95%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
}
p { margin: 0; padding: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 {
	padding: 0 0 0.4em 0;
	margin: 0;
	line-height: 1em;
	font-weight: 200;
}
h1 { font: 28px Arial, Helvetica, sans-serif; }
h2 { font: 24px Arial, Helvetica, sans-serif; }
h2.underline { border-bottom: 1px solid #ccc; padding: 0; margin-bottom: .4em; }
h3 { font: 18px Arial, Helvetica, sans-serif; padding-bottom: .5em; }
h4 { font: 16px Arial, Helvetica, sans-serif; padding-bottom: .2em; }
h5 { font: 14px Arial, Helvetica, sans-serif; }
h6 { font: 13px Arial, Helvetica, sans-serif; display: inline; font-weight: bold; }

ul, ol {
	margin: 0;
	padding: 0.5em 1.5em;
	list-style-position: outside;
}
li {
	margin: 0 0 .3em 0;
	padding: 0;
}

a { color: #444; text-decoration: none; font-weight: bold; }
a:hover { color: #f60; }
:focus { outline: 0; }

img { padding: 0; border: 0; }

fieldset { padding: 10px; }
legend   { color: #999; padding: 0 5px 5px 2px; }

code {
	font: 100%/130% "Courier New", Courier, monospace;
	background-color: #ddd;
	display: block;
	margin:0;
	padding:6px;
}


/* Forms */
form                 { display: inline; margin: 0; padding: 0; }
input                { font-size: 11px; width: 100%; margin: 0; padding: 0; }
textarea             { font-size: 11px; width: 100%; margin: 0; padding: 0; }
select               { font-size: 10px; width: 100%; margin: 0; padding: 0; }
.small_width         { font-size: 10px; width: 74px; }
.medium_width        { font-size: 10px; width: 100px; }
.submit              { font-size: 10px; width: 120px; }
.radio               { width: 12px; vertical-align: middle; }
.custom_input        { background-color: #ddd; border: 1px solid #999; }
.select_prop         { width: 160px; margin: 3px 0; }
.buy_button          { margin: 8px 0 0 0; width: 160px; color: #f60; font-weight: bold; font-size: 110%;  }
.buy_button_disabled { margin: 8px 0 0 0; width: 160px; color: #999; font-weight: bold; font-size: 110%;  }
#ajaxMsg             { padding: 2px 0; color: #333; font-weight: bold; font-size: 110%; }


/* Menus */
div.topmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.topmenu ul li {
	margin: 0;
	padding: 4px 0;
	font-size: 1.1em;
	display: inline;
	background: url(/skin/ikr2/img/separator.gif) no-repeat 0 0;
}
div.topmenu ul li.first {
	background: transparent;
}
div.topmenu ul li a {
	margin: 0;
	padding: 4px 12px 4px 16px;
}
div.topmenu ul li a:active {
	position: relative; top: 1px; left: 1px;
}
div.topmenu ul li.current a,
div.topmenu ul li a:hover {
	color: #f60;
}
div.submenu {
	position: relative;
	left: -25px;
	top: -15px;
}
div.submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 8px 0;
	overflow: hidden;
}
div.submenu ul li {
	margin: 0 0 0 1em;
	padding: 0;
	font-size: .98em;
}
div.submenu ul li a {
	background: url(/img/arrow_grey.gif) no-repeat 0 .6em;
	display: block;
	margin: 0;
	padding: 1px 0 1px 10px;
	color: #444;
}
div.submenu ul li a:active {
	position: relative; top: 1px; left: 1px;
}
div.submenu ul li a:hover, #current_submenu a {
	background: url(/img/arrow_orange.gif) no-repeat 0 .6em;
	color: #f60;
}
div.submenu ul li.firstlevel {
	padding: 1px 0;
}
div.submenu ul li.firstlevel a {
	font-size: 1.1em;
}


/* custom classes */
.odd { background-color: #f6f9fc; }
.even { background-color: #e9e9f1; }
.copy, .copy a { color: #999; font-size: 9px; }
.dimmed { color: #999; }
.small { font-size: 10px; }
.obligatory, .alert { color: #f00; font-weight: bold; }
.alert { padding: 10px; }
.hit { color: #f93; font-weight: bold; }
.trademark { font-size: 13px; }
.searchword { background-color: #ffcc99; }
.threedborder { border: 1px; border-style: solid; border-color: #f0f0f0 #ccc #ccc #f0f0f0; }

.t_pad { padding-top: 8px; margin:0; }
.r_pad { padding-right: 8px; margin:0; }
.b_pad { padding-bottom: 8px; margin:0; } /*border-bottom:1px solid #aaa; }*/
.l_pad { padding-left: 8px; margin:0; }

.img_lpad { margin-right: 6px; }
.img_rpad { margin-left: 6px; }

.over { color: #f60; }
.out  { color: #444; }

.thumb {
	margin: 2px 10px 2px 0;
	border: 1px solid #bbb;
	/*
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	border-left: 2px solid #eee;
	*/
}
a:active img.button {
	position: relative; top: 1px; left: 1px;
}
.thumb_over {
	margin: 2px 10px 2px 0;
	border: 1px dashed #f60;
}

div.glass_btn a {
	float: left;
	display: block;
	padding: 2px 20px 4px 20px;
	color: #fff;
	background: #000 url("/img/glassbutton_bg.png") repeat-x 0 50%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 90%;
	border: 1px solid #000;
}
div.glass_btn a:hover {
	color: #f93;
}
div.glass_btn a:active {
	position: relative;
	top: 1px;
	left: 1px;
}

.ruta {
	padding: 16px 10px 20px;
	border: 1px solid #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #f6f6f6;
}
.ruta_2 {
	padding: 16px 10px 20px;
	border: 1px solid #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	background: #ccc;
}
.tabell_ruta {
	padding: 5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color: #fff;
	background: #ddd;
}

.outer_center { float:right; position: relative; right: 50%; }
.inner_center { float:left;  position: relative; left:  50%; }

/* Breadcrumbs */
div.breadcrumbs {
	color: #ccc;
	text-align: center;
	padding-right: 40px;
}
div.breadcrumbs a {
	padding: 0 4px;
	font-weight: normal;
	font-size: smaller;
	color: #999;
}
div.breadcrumbs a:hover {
	color: #f60;
}

/* Templates */
.leftcol     { width: 23%; padding:  20px 0     40px 20px; border-right: 1px dashed #bbb; background: #eef5f7; }
.content     { padding:              0    16px  0    0; }
.leftcol .content { padding:         0    16px  0    0; }
.topimage    { padding:              0    0     16px 0; }
.no_topimage { padding:              0    0     0    0; text-align: center; }
/* 1 col */
.col1234     { width: 100%; padding: 30px 100px 50px 80px; }
/* 2 cols */
.col1        { width: 23%; padding:  20px 0     40px 20px; }
.col234      { width: 77%; padding:  20px 60px  40px 20px; }
.col234_wide { width: 77%; padding:  20px 20px  20px 20px; }
/* 3 cols */
.col23       { width: 50%; padding:  20px 0     40px 20px; }
.col4        { width: 27%; padding:  20px 20px  40px 20px; }
/* 4cols */
.col2        { width: 25%; padding:  20px 0     40px 20px; }
.col3        { width: 25%; padding:  20px 0     40px 20px; }
.nopad       { width: 100%; padding: 0 }


/* paginator */
.paginatorImage { padding: 2px; }
.paginatorImage a:active {
	position: relative;
	top: 1px;
	left: 1px;
}
a.currentpage {
	padding: 0 3px 1px 2px;
	background-color: #f60;
	color: #fff;
	font-weight: bold;
}

/* Lexicon */
.current_letter {
	padding: 2px 6px;
	color: #fff;
	background-color: #f60;	
	font-weight: bold;
	font-size: 110%;
}
a .letter {
	padding: 2px 6px;
	font-weight: bold;
	font-size: 110%;
}
a:hover .letter {
	background-color: #eee;
}
.inactive_letter {
	padding: 2px 6px;
}
dl#lexicon  { padding: 0 6px; }
dl#lexicon dt { font-weight: bold; background: #ddd; padding: 4px; }
dl#lexicon dt span.edit { float: right; }
dl#lexicon dd { padding: 4px ; margin: 0 0 20px 0; clear: both;}
dl#lexicon dt span img { padding: 0; margin: 0; vertical-align: top; }

/* File-archive */
#file-archive tr th {
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	background: #000;
	color: #fff;
	padding: 3px 8px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
#file-archive tr td {
	border-bottom: 1px solid #ccc;
}
.file_name {
	color: #999;
}
.file_name a:hover {
	text-decoration: underline;
}
.file_comment {
	padding-bottom: 4px;
}
.file_preview img {
	border: 1px solid #ddd;
}
.file_icon img {
	padding: 10px;
	border: 0;
}


/* News */
.page_title        { padding: 0 0 1em 0; margin: 0; font: 180%/100% bold Arial, Helvetica, sans-serif; }
.news_date         { padding: 0 0 .5em 0; margin: 0; font-size: 11px; font-style: italic; }
.news_preamble, .news_preamble a { padding: 0 0 .6em 0; margin: 0; font: bold 116%/130% Verdana, Geneva, Arial, Helvetica, sans-serif; word-spacing: 1px; }
.news_content, .news_content p { padding: 0; margin: 0; font: 106%/130% Verdana, Geneva, Arial, Helvetica, sans-serif; }
.news_content p    { padding: .4em 0; }

/* Headlines */
.headline_date     { margin: 0; padding: 0; font-size: 90%; font-style: italic; }
.headline          { margin: 0; padding: 0; font-size: 116%; }
.headline_link     { margin: 0; padding: 0; font-size: 106%; }
.headline_preamble { margin: 0; padding: 0; font-size: 106%; }
.headline_spacer   { margin: 0 0 1px 0; padding: 0 0 8px 0; font-size: 106%; border-bottom: 1px solid #ccc; }


/* Calendar */
.arrow_year     { font-size: 10px; font-weight: bold; }
.arrow_month    { font-size: 10px; font-weight: bold; }
.sel_y, .sel_m  { width: 80px; }
.day_inside     { background-color: #ccc; color: #000; font-size: 9px; }
.day_selected   { background-color: #fdb; color: #000; font-size: 9px; }
.day_outside    { background-color: #fff; }
.entry          { color: #222; font-weight: normal; }


/* Scripts */
.script         {
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: 9px;
	line-height: 16px;
	padding: 20px;
	background-color: #f6f6f6;
	color: #111;
}


/* Projects */
.high       { color: #f44; }
.medium     { color: #3c3; }
.low        { color: #44f; }
.assignment { padding: 4px; border: 1px solid #ccc; color: #000; background: #fff; }
.action     { padding: 0 12px 12px 12px; border-bottom: 2px solid #ccc; }


/* Products */
/* Products adm */
.product_content {
	background-color: #fff;
	padding: 20px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.close {
	text-align: right;
	padding: 6px;
	margin: 0;
	background-color: #fff;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
/* Products categories, collections and branches */
.teaser div {
	margin: 0 16px 10px 5px;
	/*width: 288px;
	height: 124px;*/
}
.teaser h4 {
	margin: 0 16px 0 5px;
	padding: 4px;
	/*border-bottom: 1px #ccc solid;*/
}
.teaser h4 a, .teaser h4 a:hover {
	font: 18px Arial, Helvetica, sans-serif;
	background: none;
	color: #797979;
	text-decoration: none;
}
.teaser div.no_image p {
	padding: 10px 120px 0 8px;
}
.teaser div.no_image p a {
	color: #333;
	background: none;
}
.teaser div.no_image p a:hover {
	text-decoration: underline;
}
/* Products submenu */
/*ul#categories_tree, ul#collection_list {
	background-color: #fff;
	border: 1px solid #ddd;
}*/
.vat { font-size: 85%; padding-left: 4px; }
.cart_content { padding: 20px 0; }
.cart_content select { width: 80%; }

/* Products */
.product_teaser {
	border-right: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	padding: 16px 8px 8px 8px;
}
.first_row {
	/* border-top: 1px dashed #ddd; */
	padding-top: 4px;
}
.last_cell {
	border-right: none;
}
.product_thumb {
	/* border: 1px solid #ddd; */
	text-align: center;
}
.product_thumb img {
	border: 1px solid #ddd;
}
div.product_teaser_text a {
	margin: 6px 0 0 0;
	padding: 2px 4px 6px 8px;
	color: #000;
	display: block;
}
div.product_teaser_text a:hover, div.product_teaser_text_over a {
	background: #ddd;
	margin: 6px 0 0 0;
	padding: 2px 4px 6px 8px;
	color: #000;
	display: block;
	text-decoration: none;
}
/* Products display */
div.products {
	padding: 20px;
}
div.unit {
	color: #333;
}
div.price {
	font-size: 106%;
	font-weight: bold;
	color: #f60;
}
div.symbol {
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 20px;
}

/* Sliding doors */
#sliding_doors {
	float: left;
	width: 100%;
	background: #fff url("/img/sliding_doors/gray2/bg.gif") repeat-x bottom;
	font-size: 93%;
	line-height: normal;
}
#sliding_doors ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
#sliding_doors li {
	float: left;
	background: url("/img/sliding_doors/gray2/left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
#sliding_doors a {
	float: left;
	display: block;
	background: url("/img/sliding_doors/gray2/right.gif") no-repeat right top;
	padding: 5px 12px 4px 1px;
	text-decoration: none;
	font-weight: bold;
	color: #ddd;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#sliding_doors a { float: none; }
/* End IE5-Mac hack */
#sliding_doors a:hover {
	color: #fff;
}
#sliding_doors #current {
	background-image: url("/img/sliding_doors/gray2/left_on.gif");
}
#sliding_doors #current a {
	background-image: url("/img/sliding_doors/gray2/right_on.gif");
	color: #111;
	padding-bottom: 5px;
}

.feed { padding: 0 0 20px 0; margin: 0; }
.feed .title { padding: 0; margin: 0; }
.feed .pubDate { padding: 0; margin: 0; color: #999; font-size: smaller; font-style: italic; }
.feed .description { padding: 0; margin: 0; }

.ui-tabs { width: 90%; margin: 10px auto; }
#accordion { width: 90%; margin: 10px auto; }