/* BODY, BG, WRAPPER
 ---------------------------------------------------*/

body {
	background: #e7e4df url(../img/bg.jpg);
	font-family: Tahoma, sans-serif;
	font-size: 13px;
}

div#bg-layer
{
	min-height: 100%;
	position: relative;
	background: transparent url(../img/bg-cross.jpg) top center no-repeat;
}

div#wrapper
{
	margin: -5px auto 0 auto;
	width: 970px; /* remember the 5px shadows on both sides */
	z-index: 0;
}

/* COMMON
 ---------------------------------------------------*/

h1 {font-size: 24px;}

a {color: #084e75; text-decoration: none;}

.left 	{float:left;}
.right 	{float:right;}
.clear 	{clear:both;}

.no-margin {margin: 0 !important;}
.no-border {border: none !important;}

.top-shadow 		{background: transparent url(../img/top-shadow.png) scroll bottom center repeat-x;}
.bottom-shadow 		{background: transparent url(../img/bottom-shadow.png) scroll top center repeat-x;}
.bottom-shadow970
{
	background: transparent url(../img/bottom-shadow970.png) top center no-repeat;
	width: 970px;
	height: 5px;
	margin: 0 0 10px 0;
}

.top-shadow970
{
	background: transparent url(../img/top-shadow970.png) bottom center no-repeat;
	width: 970px;
	height: 5px;
}

.container-bottom-shadow
{
	position: absolute;
	top: 0;
	left: 5px;
	width: 960px;
	height: 5px;
}


/* TOP
 ---------------------------------------------------*/

div#top-shadow-wide		{height: 60px;}
div#bottom-shadow-wide 	{height: 5px; z-index: 1000;}

div#top
{
	height: 220px;
	background: #000 url(../img/top-bg.jpg) top center no-repeat;
}

div#top-wrapper
{
	width: 960px;
	height: 220px;
	margin: 0 auto;
	position: relative;
}

a#logo
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 220px;
	background: transparent none;
}

div#navigation
{
	position: absolute;
	right: 0;
	top: 0;
	height: 220px;
	display: table;
	vertical-align: middle;
}

ul#menu
{
	display: table-cell;
	vertical-align: bottom;
	list-style: none;
	text-align: right;
	margin: 0;
}

ul#menu li.level-0
{
    float: left;
	text-align: right;
	margin-left: 14px;
    margin-bottom: 14px;
}

ul#menu li.level-0 a
{
	background: #000 none;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	padding: 4px 6px;
}


ul#menu ul.sub a {
    display: block;
    background: #000;
    color: #fff;
}

ul#menu li.selected>a,
ul#menu li.ancestor>a
{
	background: #2786bb none;
	color: #fff;
}

ul#menu li a:hover
{
	background: #6bc1ea none;
	color: #fff;
}

ul#menu li ul.sub {
    display: none;
    margin: 0;
    list-style: none;
    position: absolute;
    z-index: 666;
    margin-top: 4px;
    width: 150px;
    background: black;
}

ul#menu li ul.sub-1 {
    position: absolute;
    left: 145px;
    top: -30px;
}

ul#menu li:hover>.sub {
    display: block;
}

ul#menu li .sub li {
    margin: 0;
    float: none;
    display: block;
    text-align: left;
    position: relative;
}



/* CONTENT
 ---------------------------------------------------*/

div#container,
div#index-container,
div#footer
{
	width: 960px;
	padding: 0 5px;
	background: transparent url(../img/content-shadow970.png) top center repeat-y;
	position: relative;
}

div#container div.content
{
	padding: 20px;
	background-color: #fff;
}

body.has-submenu div#container,
body.productbase div#container
{
	min-height: 620px;
	position: relative;
}

body.has-submenu div#container div.content,
body.productbase div#container div.content
{
	padding: 20px 20px 20px 30px;
	width: 690px;
	min-height: 620px;
	float: left;
}

body.productbase div#container div.content
{
	background: #fff url(../img/quality.jpg) top right no-repeat;
}

body.product div#container div.content
{
	background: #fff none;
}

body.has-submenu div#container div.submenu,
body.productbase div#container div.submenu
{
	width: 220px;
	background: #e9e6df url(../img/submenu-bg.jpg) repeat-y;
	float: left;
	position:relative;
	height: 100%;
	min-height: 200px;
}

div#tablinks
{
	width: 220px;
	float: left;
}

div#tabs
{
	float: left;
	width: 740px;
}

div#tablinks ul
{
	list-style: none;
	margin: 0;
}

a.tab
{
	display: block;
	height: 80px;
	width: 220px;
	background-repeat: no-repeat;
	background-color: transparent;
}


a#liha
{
	height: 81px;
	background-image: url(../img/lihajakala.jpg); 
}

a#marjat	{background-image: url(../img/marjat.jpg);}
a#vilja		{background-image: url(../img/vilja.jpg);}

div#tablinks ul li.selected a#liha
{
	background-image: url(../img/lihajakala-active.jpg); 
}

div#tablinks ul li.selected a#marjat
{
	background-image: url(../img/marjat-active.jpg); 
}


div#tablinks ul li.selected a#vilja
{
	background-image: url(../img/vilja-active.jpg); 
}

div#tabs div.tab-content
{
	display: none;
	padding: 20px;
}

div#tabs div.showfirst
{
	display: block;
}

div#tabs div.tab-content h2
{
	font-weight: bold;
}


div#index-container div.content
{
	padding: 20px;
}


div#shop-window
{
	width: 350px;
	float: left;
}

div#shop-window a.window-item
{
	width: 150px;
	display: block;
	height: 150px;
	padding: 5px;
	margin: 0 10px 10px 0;
	float: left;
	background: transparent url(../img/window-item-bg.jpg) no-repeat;
	position: relative;
	overflow: hidden;
}

div#shop-window a.window-item div.item
{
	display: table-cell;
	width: 150px;
	height: 150px;
	vertical-align: middle;
	text-align: center;
}
div#shop-window h2 {
	font-size:1.5em;
}

div#shop-window a.window-item div.item div.tooltip
{
	background: transparent url(../img/black70.png) repeat;
	position: absolute;
	width: 140px;
	padding: 5px;
	bottom: 5px;
	display: none;
	color: #fff;
	font-size: 11px;
	overflow: hidden;
}

div#shop-window a.window-item div.item div.tooltip strong
{
	font-size: 12px;
}

div#index-text
{
	width: 570px;
	float: left;
}


div.menu-header
{
	width: 241px;
	height: 40px;
	margin: 20px 0 0 0;
	background: transparent url(../img/category-selected.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

div.menu-header a
{
	display: block;
	padding: 11px 0 10px 8px;
	color: #fff;
}


ul.categorylisting
{
	list-style: none;
	margin: 0;
}


ul.categorylisting li
{
	font-weight: bold;
	float: left;
	display: none;
}

ul.categorylisting li.ancestor,
ul.categorylisting li.selected,
ul.categorylisting li.descendant,
ul.categorylisting li.sibling { display: list-item; }

ul.categorylisting li a.level-1
{
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	height: 50px;
	padding: 0 5px 10px;
	background-color: #e6e6de;
	width: 155px;
	color: #222;
}

ul.categorylisting li.zebra a.level-1
{
	background-color: #c3c3bb;
}

ul.categorylisting ul
{
	margin: 10px 0 0 2px;
	list-style: none;
	width: 162px;
	border-right: 1px solid #aeaeae;
}

ul.categorylisting li ul.sub li
{
	font-weight: normal;
	float: none;
	padding: 2px 0 0 0;
	margin-left:5px;
}

ul.categorylisting li ul.sub li a
{
	padding: 0 0 0 0px;
	color: #222;
}


div.category-description
{
	width: 540px;
	min-height: 120px;
	margin-bottom: 16px;
}

div#subcategories div.subcategory
{
	width: 215px;
	float: left;
	height: 60px;
	background-color: #e7e5dd;
	line-height: 50px;
	position: relative;
	margin: 0 5px 10px 0;
}


div#subcategories div.subcategory.zebra
{
	background-color: #c4c2ba;
}

div#subcategories div.subcategory div.image-wrapper
{
	background: transparent url(../img/small-subcat-bg.png) no-repeat;
	display: block;
	padding: 5px;
	height: 60px;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	float: left;
}

div#subcategories div.subcategory div.image-wrapper a
{
	display: block;
}
div#subcategories div.subcategory div.image-wrapper a img
{
	height: 50px;
	width: 50px;
}
div#subcategories div.subcategory.no-margin {
	margin: 0 5px 10px 0;
}
div#subcategories div.subcategory a.subcategory-name
{
	display: block;
	margin: 0 0 0 5px;
	float: left;
	text-align: left;
	position:relative;
	width: 145px;
	color: #191919;
	font-weight: bold;
	line-height:1;
}
div#subcategories div.subcategory div.subcat-wrap {
	height:60px;
	line-height:60px;
	vertical-align:middle;
	display: table-cell;
}
div#subcategories div.subcategory a.zebra
{
	background-color: #c4c2ba;
}


div.product
{
	width: 660px;
	margin: 0 0 15px 0;
	position: relative;
}

div.product div.product-image
{
	width: 200px;
	height: 200px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

div.product div.product-description
{
	display: table-cell;
	width: 460px;
	background-color: #e7e5dd;

}

div.product div.product-image a
{
	display: block;
}

div.product div.product-image a img
{
	display: block;
}

div.product div.product-description h2
{
	margin: 10px 0 0 10px;
	font-weight: normal;
}

div.product div.product-description h2 a
{
	color: #222;
}

div.product div.product-description div.desc-content
{
	padding: 20px;
}

div.product div.product-description a.readmore
{
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin: 10px;
	color: #000;
}
div.product div.product-description div.prod-price {
	position: absolute;
	right: 300px;
	bottom: 10px;
	margin: 10px;
	font-size:16px;
	text-align:left;
	color: #000;
}
div#product-image
{
	width: 200px;
	float: left;
}


div#product-tabs
{
	width: 440px;
	float: left;
	padding: 0 0 0 20px;
}

div#additional_images
{
	width: 200px;
}

div#additional_images div.additional_img
{
	width: 80px;
	height: 80px;
	border: 1px solid #c0c0c0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div#additional_images div.additional_wrapper
{
	margin: 10px 10px 0 10px;
	width: 80px;
	float: left;
}


div#product-tabs h2.header
{
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 5px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #444444;
}

div#product-tabs ul.tablist
{
	list-style: none;
	margin: 0;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 10px;
	width: 440px;
}

div#product-tabs ul.tablist li
{
	float: left;
	margin: 0 10px 0 0;
}

div#product-tabs div.tab
{
	margin: 0 0 40px 0;
}

div#product-tabs div.tab div.cont
{
	padding: 10px;
}


ul.filterlist
{
	list-style: none;
	margin: 5px 0 0 10px;
}

ul.filterlist li a
{
	background: url(../img/filteruncheck.png) no-repeat scroll left top transparent;
	display: block;
	height: 16px;
	padding: 4px 0 0 20px;
}

ul.filterlist li a:hover,
ul.filterlist li.selected a
{
	background-image: url(../img/filtercheck.png);
	color: #222;
}

h4.filterheader
{
	margin: 10px 0 0 10px;
	font-weight: bold;
	font-size: 13px;
}



/* MENU
 ---------------------------------------------------*/
ul.menu
{
	list-style: none;
	margin: 10px 0 0 20px;
}

ul.menu li
{
	display: none;
	margin: 6px 0;
}

ul.menu li.ancestor,
ul.menu li.selected,
ul.menu li.descendant,
ul.sub li.sibling { display: list-item; }


ul.menu li a
{
	font-weight: normal;
	font-size: 13px;
	padding: 2px 4px;
	color: #000;
	display:block;
}

ul.menu li.selected a { background-color: #fff; }

ul.menu li a:hover { background-color: #fff; }

ul#categorymenu li.descendant ul.sub,
ul#categorymenu li.sibling ul.sub,
ul#categorymenu li ul.sub
{
	display: none;
}

ul#categorymenu li.ancestor ul.sub,
ul#categorymenu li.selected ul.sub,
ul#categorymenu li.sibling
{
	display: block;
}

ul.menu li.selected ul.sub li a
{
	background-color: transparent;
}

ul.menu li.selected ul.sub li a:hover
{
	background-color: #fff;
}

ul.menu li ul.sub
{
	list-style: none;
}



/* FOOTER
 ---------------------------------------------------*/

div#footer p
{
	float: left;
	padding: 10px;
	margin: 0;
	color: #7F7F7F;
}

div#footer p span
{
	color: #fff;
	padding: 0 5px;
}

div#footer p strong
{
	color: #222;
}

div#footer p.andersvisual
{
	float: right;
}