@charset "utf-8";
/* CSS Document */

hmtl,body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333;
/*	background:url(../images/layout/bg.png);*/
	background-repeat:repeat-x;
	background-color:#f4f4f4;
	margin:0;
	padding:0;
}

img{ border:none; }

.faded {opacity:0.5;}
.faded-70 {opacity:0.7;}
.ui-state-highlight { background-color:#000; border:1px #f7e8ae solid; }

.required.required-error { background:url(../images/required.png) top right no-repeat; border-color:#c33; }

a,a:visited{ color:#222; text-decoration:none; }
a:hover{ color:#db1bab; text-decoration:underline; }
a:active{ color:#ff00c0; } 

input,textarea,select {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
input[type=text],
input[type=password],
select {
	line-height:16px;
	height:16px;
	margin:0;
}

input[type=text],
input[type=password],
textarea,
select {
	padding:4px;
	height:16px;
	border:1px #ccc solid;
	outline:none;
	background:repeat-x;
	border-radius: 3px;
	background:#fff;
}
select { height:auto; padding:2px; }
textarea { height:auto; resize: none; }

input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
select:hover {
	box-shadow: 0px 0px 4px #ccc;
	border-color:#aaa;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	box-shadow: 0px 0px 4px #f4cdea;
	border-color:#ebb1dc;
}



h1,h2{
	margin:0;
	padding:6px 0px;
}
h3{
	margin:0;
	padding:3px 0px;
}
h4{
	margin:0;
	padding:0;
}
h5{
	margin:0;
	padding:3px 0;
}
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	color:#e717b4;
	font-weight:bold;
}
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#e717b4;
	font-weight:normal;
}
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#e717b4;
	font-weight:normal;
}
h4 {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}
h5 {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#root{
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#footer{
	width:950px;
	padding:5px 5px 15px 5px;
	text-align:right;
}
#header-wrap{
	position:absolute;
	width:960px;
	height:177px;
	top:0;
}
#header-info{
	position:absolute;
	width:960px;
	top:0;
	height:18px;
	padding:8px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
	color:#c4269c;
}
#header-logo{
	position:absolute;
	top:43px;
	left:0;
}
#header-logos{
	position:absolute;
	bottom:45px;
	right:0;
}
#content-wrap{
	position:absolute;
	width:960px;
	top:177px;
}
.content-holder{
	clear: both;
	overflow: hidden;
	width:958px;
	margin:10px 0;
	padding:0px;
	background:#fff;
	border:1px #ddd solid;
	border-radius: 4px;
}
.content-block-full{
	float:left;
	clear:both;
	width:958px;
	margin:0;
}
.content-block{
	float:left;
	clear:both;
	width:948px;
	margin:5px;
}
.content-frame{
	border-top:1px #ebb1dc solid;
	background:#fae3f4;
	border-radius: 4px;
}
.content-frame.green{
	border-color:#7DBF42;
	background-color:#AEF34A;
}

.content-frame h1,
.content-frame h2,
.content-frame h3{
	padding-left:10px;
	padding-right:10px;
}

.content-frame.green h1,
.content-frame.green h2,
.content-frame.green h3{
	color:#284a09;
}

.content-menu-header {
	clear: both;
	float:left;
	width:960px; 
	margin:0 0 10px 0;
	padding:0px;
}
.content-menu-header .text {
	float:left; 
	width:696px; 
	height:250px; 
	background:#fff;
	border:1px #ddd solid;
	border-radius: 4px;
	margin-right:0px;
}
.content-menu-header .text .header {
	margin:5px;
}
.content-menu-header .image {
	float:right; 
	width:250px; 
	height:250px; 
	overflow:hidden;
	background:#fff;
	border:1px #ddd solid;
	border-radius: 4px;
}
.content-menu-header .image img {
	float:left; 
	width:250px; 
	height:250px; 
}

.text-block{
	float:left;
	clear:both;
	width:928px;
	padding:10px;
	margin:5px;
}

.pageing-block{
	float:left;
	clear:both;
	width:930px;
	margin:5px;
	padding:4px 9px;
	height:26px;
	overflow:hidden;
	border-radius: 4px;
}
.pageing-block .info{
	float:left;
	display:block;
	height:26px;
}
.pageing-block .info span{
	display:block;
	padding:5px;
}
.pageing-block .opts{
	float:right;
	display:block;
	height:26px;
}
.pageing-block .seperator{
	padding:0px 5px;
}
.pageing-block .seperator span{
	display:block;
	height:24px;
	border-left:1px #ccc solid;
	border-right:1px #fff solid;
}
.pageing-block .pages{
	float:left;
}
.pageing-block .pages span{
	display:block;
	padding:4px 0;
	height:16px;
}
.pageing-block .pages .pagenum{ padding:4px 5px; }
.pageing-block .pages .pagenum.active{ font-weight:bold; }
.pageing-block .pages .nav-first{	background:url(../images/pageing/nav-first.gif) no-repeat center; width:16px; }
.pageing-block .pages .nav-prev{	background:url(../images/pageing/nav-prev.gif) no-repeat center; width:16px; }
.pageing-block .pages .nav-next{	background:url(../images/pageing/nav-next.gif) no-repeat center; width:16px; }
.pageing-block .pages .nav-last{	background:url(../images/pageing/nav-last.gif) no-repeat center; width:16px; }

.breadcrum-block{
	float:left;
	clear:both;
	width:950px;
	margin:10px 5px 5px 5px;
}
.breadcrum-block ul{
	display:block;
	height:18px;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
}
.breadcrum-block ul li{
	display:block;
	float:left;
	background:url(../images/layout/nav-menu/breadcrum-sep.png) 0px 50% no-repeat;
}
.breadcrum-block ul li.start{
	display:block;
	float:left;
	background:url(../images/layout/nav-menu/breadcrum-house.png) 50% 50% no-repeat;
}
.breadcrum-block ul li a{
	display:block;
	float:left;
}
.breadcrum-block ul li span{
	display:block;
	float:left;
	font-size:11px;
	line-height:14px;
	height:14px;
	padding:2px 8px;
	margin-left:5px;
}
.breadcrum-block ul li.start span{
	text-indent:-99999px;
	width:14px;
	height:14px;
}

.childthumb{
	display:block;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
.childthumb li{
	display:block;
	float:left;
}
.childthumb li a{
	display:block;
	height:40px;
	border:1px #fff solid;
	border-radius: 3px;
}
.childthumb li a:hover{
	background:#fff;
	border:1px #f0c0e3 solid;
}
.childthumb li a img{
	float:left;
}
.childthumb li a span{
	float:left;
	padding:5px;
}

.item-block{
	float:left;
	width:958px;
	margin:0px;
}

.item-cat-wrap{
	float:left;
	width:181px;
	background:#f4f4f4;
	padding:0px;
	margin:5px;
}
.item-cat-wrap .cat{
	position:relative;
	float:left;
	border:1px #eee solid;
	border-radius: 3px;
	background:#fff;
	height:44px;
	width:179px;
}
.item-cat-wrap:hover .cat{
	border-color:#ddd;
	box-shadow: 0px 0px 4px #eee;
}
.item-cat-wrap.active .cat h4{
	color:#db1bab;
}
.item-cat-wrap.active .cat{
	border-color:#ebb1dc;
	box-shadow: 0px 0px 4px #f4cdea;
}
.item-cat-wrap .title{
	float:left;
	width:129px;
	height:32px;
	overflow:hidden;
	margin:6px 3px;
	text-align:left;
	display:table-cell;
}
.item-cat-wrap .title h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:table-cell;
	width:129px;
	height:32px;
	vertical-align:middle;
	padding:0;
	margin:0;
}
.item-cat-wrap .img{
	float:left;
	padding:2px;
	width:40px;
	height:40px;
	text-align:center;
}

.item-small-wrap{
	float:left;
	width:167px;
	background:#f4f4f4;
	border-radius: 4px;
	padding:7px;
	margin:5px;
	position:relative;
}
.item-small-wrap .banderoll{
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:95px;
	background:no-repeat;
	z-index:100;
}
.item-small-wrap .campain{
	background-image:url(../images/banderoll/campain.gif);
}
.item-small-wrap .paketpris{
	background-image:url(../images/banderoll/paketpris.gif);
}
.item-small-wrap .rea{
	background-image:url(../images/banderoll/rea.gif);
}
.item-small-wrap .new{
	background-image:url(../images/banderoll/new.gif);
}
.item-small-wrap .outward{
	background-image:url(../images/banderoll/outward.gif);
}
.item-small-wrap .dont_forget{
	background-image:url(../images/banderoll/dont_forget.gif);
}
.item-small-wrap .tips{
	background-image:url(../images/banderoll/tips.gif);
}
.item-small-wrap .art{
	position:relative;
	float:left;
	border:1px #ccc solid;
	background:#fff;
	height:265px;
	width:165px;
}
.item-small-wrap .title{
	float:left;
	width:155px;
	height:27px;
	overflow:hidden;
	padding:5px;
	margin:0px;
	border-top:1px #ddd solid;
	text-align:center;
}
.item-small-wrap .title h4{
	font-weight:bold;
}
.item-small-wrap .img{
	float:left;
	padding:3px 0px;
	width:165px;
	height:160px;
	text-align:center;
}
.item-small-wrap .bottom{
	position:absolute;
	bottom:0;
	height:58px;
	width:165px;
}
.item-small-wrap .bottom .price .price-def{
	font-size:18px;
	padding:0 0 0 10px;
	line-height:22px;
	height:22px;
	color:#e717b4;
	font-weight:bold;
	float:left;
}
.item-small-wrap .bottom .price .price-ord{
	font-size:12px;
	padding:6px 3px 2px 3px;
	line-height:14px;
	height:14px;
	color:#f55;
	font-weight:bold;
	float:left;
}
.item-small-wrap .bottom .wish{
	position:absolute;
	bottom:5px;
	left:5px;
}
.item-small-wrap .bottom .buy{
	position:absolute;
	bottom:5px;
	right:5px;
}
.item-small-wrap .bottom .stock{
	position:absolute;
	top:0px;
	right:5px;
}

#cart{
	position:absolute;
	top:0;
	left:50%;
	margin-left:180px;
	width:298px;
	height:75px;
	background:#aef34a;
	border-radius: 0 0 6px 6px;
	border:1px #7dbf42 solid;
	border-top:none;
}
#cart .header { display:block; line-height:18px; height:18px; padding:2px 5px; font-size:13px; font-weight:bold; color:#548c06; }
#cart .info { display:block; color:#444; line-height:16px; padding:2px 5px; font-size:12px; white-space:nowrap; overflow:hidden; }
#cart .info b,
#cart .info .price { font-weight:bold; color:#000; }
#cart .btn-checkout { position:absolute; top:5px; right:5px; }

#search{
	position:absolute;
	left:330px;
	top:62px;
	border-radius: 8px;
	padding:8px;
	background-color:#fae3f4;
}
#search form{
	display:block;
	padding:0;
	margin:0;
}
#search .search-field{
	float:left;
	outline:none;
	padding:0;
	margin:0;
	width:150px;
	font-size:13px;
	line-height:17px;
	height:17px;
	padding:7px;
	border:1px #ffffff solid;
	border-right:0;
	border-radius: 0;
}
#search .search-btn{
	float:left;
	padding:0;
	margin:0;
	outline:none;
	background:url(../images/search-btn.png) no-repeat;
	border:1px #e405ad solid;
	text-indent:-99999px;
	width:33px;
	height:33px;
}

#nav-page-wrap{
	position:absolute;
	top:0;
	width:100%;
	height:34px;
}
#nav-page{
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:34px;
	margin:0;
	padding:0;
}
#nav-page li{
	float:left;
	list-style-type:none;
	height:34px;
	margin:0;
	padding:0;
}
#nav-page li a{
	float:left;
	height:16px;
	padding:9px;
	color:#ab5e98;
}
#nav-page li a:hover{
	background-color:#faeaf6;
	color:#ab5e98;
	text-decoration:underline;
}

#nav-menu-wrap{
	position:absolute;
	top:138px;
	width:100%;
	height:39px;
}
#nav-menu{
	position:absolute;
	bottom:0;
	left:0;
	width:958px;
	display:block;
	height:38px;
	margin:0;
	padding:0;
	background-image:url(../images/layout/nav-menu/green/bg.png);
	border:1px #7dbf42 solid;
	overflow:hidden;
	border-radius: 4px;
}
#nav-menu li{
	float:left;
	list-style-type:none;
	height:38px;
	margin:0;
	padding:0;
}
#nav-menu li.item ul.sub-menu{
	display:none;
}
#nav-menu li.seperator{
	border-left:1px #aef449 solid;
	border-right:1px #7ccf06 solid;
}
#nav-menu li a{
	float:left;
	height:18px;
	padding:10px;
	font-size:14px;
	line-height:18px;
	background:url(../images/layout/nav-menu/green/bg.png) #91db27;
	color:#223a00;
	text-decoration:none;
	text-shadow: #fff 1px 1px 2px;
}
#nav-menu li:hover a{
	background-image:url(../images/layout/nav-menu/green/active.png);
}
#nav-menu li.href-start{
	border-radius: 3px 0 0 0;
}
#nav-menu li.href-start a{
	text-indent:-99999px;
	width:18px;
	background:url(../images/layout/nav-menu/house.png) no-repeat 50% 50%;
}
#nav-menu li.active{
	background-image:url(../images/layout/nav-menu/green/active.png);
}

#sub-menu-wrap{
	display:none;
	position:absolute;
	top:177px;
	left:6px;
	background:url(../images/layout/nav-menu/content-bg.png) #f6d8ef;
	border-radius: 0 0 4px 4px;
	border:1px #e406ae solid;
	border-top:none;
	z-index:9999;
}
#sub-menu-wrap .col-wrap{
	display:block;
	margin:-1px;
	padding:0;
}
#sub-menu-wrap .col{
	display:block;
	float:left;
	list-style-type:none;
	width:217px;
	margin:0;
	padding:10px;
}
#sub-menu-wrap .col ul{
	display:block;
	margin:0;
	padding:0;
}
#sub-menu-wrap .col ul ul{
	display:block;
	margin-left:15px;
	padding:0;
}
#sub-menu-wrap li{
	position:relative;
	display:block;
}
#sub-menu-wrap .col li a{
	display:block;
	font-weight:bold;
	height:16px;
	overflow:hidden;
}
#sub-menu-wrap .col > ul {
	border-top:1px #f0b8e1 solid;
	border-bottom:1px #f0b8e1 solid;
	margin-top:-1px;
}
#sub-menu-wrap .col > ul > li > a{
	background-color:#f6c8ea;
}
#sub-menu-wrap .col li li a{
	background:none;
	border:none;
	font-weight:normal;
}
#sub-menu-wrap li a{
	display:block;
	padding:3px;
}
#sub-menu-wrap li span{
	position:absolute;
	display:block;
	padding:3px;
	right:0;
	font-size:11px;
}

#art-leftbar{
	float:left;
	width:332px;
}
#art-rightbar{
	float:right;
	width:610px;
}

#art-images{
	display:block;
	float:right;
	width:332px;
}
#art-images .thumb{
	display:block;
	float:left;
	padding:3px;
}
#art-image{
	display:block;
	float:left;
	width:322px;
	height:322px;
	padding:5px;
	border-radius: 4px;
	background:#f4f4f4;
}
#art-image-thumbs{
	display:block;
	float:left;
	padding:2px;
	margin-top:5px;
}
#art-images a{
	border:1px #ddd solid;
	float:left;
}
#art-images img{
	float:left;
}

#art-info{}
#art-info .price{
	font-size:20px;
	line-height:24px;
	height:22px;
	color:#e717b4;
	font-weight:bold;
	text-align:center;
}
#art-info .price-ord{
	font-size:14px;
	line-height:20px;
	height:22px;
	color:#178ee7;
	font-weight:bold;
	text-decoration:line-through;
	text-align:center;
}
#art-info .art-antal{
	outline:none;
	padding:4px;
	height:16px;
	line-height:16px;
	border:1px #bbb solid;
	border-radius: 3px;
}

#cart-list {
	
}
#cart-list .artnr { color:#555; font-size:11px; }

.message {
	clear: both;
	overflow: hidden;
	width:958px;
	margin:10px 0 0 0;
	padding:0px;
	background:#fff;
	border:1px #ddd solid;
	border-radius: 4px;
}
.message ul { list-style-type:none; margin:10px 20px; padding:0; }
.message.error{
	background:#ffcccc;
	border-color:#dd7777;
}
.message.info{
	background:#cce3ff;
	border-color:#75a2d9;
}

.tabs {
	display:block;
}
.tabs .tab_header {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0 10px;
	border-bottom:1px #ccc solid;
	height:27px;
}
.tabs .tab_header li { float:left; margin:0 5px 0 0; padding:0; background:url(../images/tabs/bg.png) bottom repeat-x; border:1px #ddd solid; border-bottom:1px #bbb solid; border-radius: 3px 3px 0 0; font-size:11px; }
.tabs .tab_header li:hover { border-color:#bbb; }
.tabs .tab_header li a { color:#555; display:block; padding:5px 10px; cursor:pointer; }
.tabs .tab_header li.active { background:#fff; border-color:#bbb; border-bottom:1px #fff solid; }
.tabs .tab_header li.active a { color:#222; }
.tabs .tab_container { clear:both; }
.tabs .tab_content { padding:10px 0; }

.content-slider {
	width:948px;
	height:250px;
	overflow:hidden;
	margin:4px;
	position:relative;
}
.content-slider ul.content {
	list-style-type:none;
	margin:0;
	padding:0;
}
.content-slider ul.content li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.content-slider ul.browse {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:210px;
	right:10px;
}
.content-slider ul.browse li {
	margin:0;
	padding:0;
	float:left;
}
.content-slider ul.browse li a {
	display:block;
	padding:5px 10px;
	margin:3px;
	background:#bbb;
}
.content-slider ul.browse li a.active {
	background:#fff;
}

#insp-thumbs {
	list-style-type:none;
	display:block;
	margin:0;
	padding:5px;
	width:100%;
	float:left;
}
#insp-thumbs li {
	display:block;
	width:110px;
	height:70px;
	padding:4px;
	float:left;
}
#insp-thumbs li a {
	display:block;
	padding:4px;
	width:100px;
	height:60px;
	float:left;
	overflow:hidden;
	border:1px #ddd solid;
}
#insp-thumbs li:hover a{
	border-color:#ddd;
	box-shadow: 0px 0px 4px #eee;
}
#insp-thumbs li.active a{
	border-color:#ebb1dc;
	box-shadow: 0px 0px 4px #f4cdea;
}

.ul-bock {
	list-style-type:none;
	margin:0;
	padding:0;
}
.ul-bock li {
	padding:5px;
	padding-left:30px;
	font-size:100%;
	margin:0;
	background:url(../images/icons/bock.png) no-repeat 0 2px;
}

.floatToCart {
	position:absolute;
	display:none;
	background:#fff;
	padding:4px;
	bordeR:1px #bbb solid;
}

.insp-nav { display:block; width:90px; position:absolute; top:0; bottom:0; opacity:0.3; }
.insp-nav span { display:block; background:50% 50% no-repeat; width:90px; height:100%; }
.insp-nav.prev { left:0; }
.insp-nav.prev span { background-image:url(/images/insp/prev.png); }
.insp-nav.next { right:0; }
.insp-nav.next span { background-image:url(/images/insp/next.png); }

.insp-nav:hover { opacity:0.8; background-color:#f4f4f4; }
.insp-nav.next:hover { border-left:1px #ddd solid; }
.insp-nav.prev:hover { border-right:1px #ddd solid; }

#sitemap { background-color:#eee; }
#sitemap ul { margin:0px; padding:0px; list-style-type:none; }
#sitemap ul li { margin:0px; padding:0 0 0 25px; }
#sitemap > ul > li { display:block; float:left; margin:0px; padding:0; width:300px; }
#sitemap > ul > li > a > span { font-size:11pt; line-height:22px; font-weight:bold; }
#sitemap > ul > li > ul > li > a > span { font-weight:bold; }
#sitemap ul li a { display:block; background-color:#fff; }
#sitemap ul li a span { display:block; margin:0px; padding:4px; }

.table-template{  }
.table-template tr.header td{ font-weight:bold; padding:8px; border:1px #ddd solid; border-bottom:1px #ccc solid; background-color:#f4f4f4; border-radius: 3px; }
.table-template tr.alt-header td{ font-weight:bold; border-bottom:1px #ccc solid; }
.table-template tr.alt-header td a{ display:block; }
.table-template td.alt-header { color:#777; text-align:right; }
.table-template tr.row:hover td { background-color:#f4f4f4; }
.table-template tr.row_border td { border-bottom:1px #eee solid; }
.table-template tr.row0 td { background:#fff; }
.table-template tr.row1 td { background:#f4f4f4; }
.table-template tr.buttons > td { border-top:1px #bbb solid; }
.table-template tr.buttons > td a,
.table-template tr.buttons > td button,
.table-template tr.buttons > td input { margin:0px; }
.table-template tbody.list tr:nth-of-type(even) td { background-color:#f4f4f4; }
.table-template tbody.list tr:nth-of-type(odd) td {  }
.table-template tbody.list tr.ui-state-highlight td { background-color:#fdf6db; border:0px #f7e8ae solid; border-top:1px #f7e8ae solid; border-bottom:1px #f7e8ae solid; }
.table-template tbody.list.hover tr:hover td { background-color:#f6dcef; }
.table-template td.pageing { border:1px #bbb solid; border-radius: 3px; }
.table-template td.pageing .arrow { height:16px; overflow:hidden; }
.table-template td.pageing .numbers a { padding:0 4px; border:1px #fff solid; }
.table-template td.pageing .numbers a:hover { border-color:#ddd; }
.table-template td.pageing .numbers a.current { border-color:#bbb; background:#eee; }
.table-template td.order1 { background:#eee url(../images/icons/arrow_order_asc.png) center bottom no-repeat; }
.table-template td.order0 { background:#eee url(../images/icons/arrow_order_desc.png) center top no-repeat; }