/***************
This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current "best" suggestion is to use the 100.01% value for this property.
******************/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #726257;
	text-align: center;
}
/*html {overflow: -moz-scrollbars-vertical;  
	overflow-x: auto;
	overflow-y: scroll;}/* Fix for firefox, mozila browsers för att dom skall alltid visa scrollbars. */
/*html {
	scrollbar-face-color: red;
	scrollbar-arrow-color: green;
	scrollbar-base-color: blue;
	scrollbar-shadow-color: #ff00ff;
	scrollbar-darkshadow-color: #00ffff;
	scrollbar-highlight-color: yellow;
	scrollbar-3dlight-color: #ffff00;
	scrollbar-track-color: #ff00ff;
}*/
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: none;
	list-style:none;
}
a {
	color: #726257;
	text-decoration: none;
}
a:hover {
	color: #CC6600;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
}
#bgwrapper {
	background-image: url(../img/site/bg/bg01-tee.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px auto;
}
#wrapper {
	min-height: 500px;
	width: 990px;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 76%;
	background-image: url(../img/site/bg/bg01.gif);
	background-repeat: repeat-y;
	background-position: 0px 23px;
	position: relative;
	z-index:1;
}
#wrapper p {/*font-size: 76%;återställer font storleken till trevligare, mindre*/
}
/**************************
HEADER LOGO
****************************/
.header {
	background-image: url(../img/site/bg/bg01-top.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	clear: both;
	height: 131px;
	width: 990px;
}
.flags {
	float: right;
	height: 20px;
	width: 80px;
	position: absolute;
	top: 0px;
	right: 60px;
	text-align: right;
	padding-right: 10px;
}
.flags a {
	font-size:10px;
}
.logo {/*div som håller logotypen*/
	clear: both;
	height: 95px;
	width: 876px;
	border: none;
	margin: 0px auto;
}
#logo {/*logotypen*/
	position:absolute;
	top:23px;
	left:57px;
	height: 95px;
	width: 300px;
}
/**************************
MENU
****************************/
#menuHolder {
	/*background-color: #FFFFFF;
	height: 31px;*/
	background-image: url(../img/site/bg/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: 70px 0px;
	height: 31px;
	clear: both;
	padding: 0px 0px 0px 70px;
	width: 608px;
}
.index #menuHolder {
	background-image: none;
}
#menu {
	width: 678px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	float: left;
}
#menu li a {
	/*background-repeat: no-repeat;
	background-position: 0% 0%;*/
	display: block;
	float: left;
	height: 15px;
	text-decoration: none;
	color: #726257;
	/*text-indent: -9999px;*/
	padding: 5px 12px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}
#menu li a:hover {
	color: #CC6600;
}
#menu li .selected {
	color: #CC6600;
}
/************************************
.se #menu #webshop a:hover, .en #menu #webshop a:hover, .se #menu #about a:hover, .en #menu #about a:hover, .se #menu #fragor-o-svar a:hover, .en #menu #fragor-o-svar a:hover, .se #menu #inspiration a:hover, .en #menu #inspiration a:hover, .se #menu #contact a:hover, .en #menu #contact a:hover, .se #menu #default a:hover, .en #menu #default a:hover, #menu .selected {
	background-position: 0% 100%;
}
.se #menu #webshop a, #menu .selected {
	background-image: url(../img/se/menu/webshop.gif);
}
.en #menu #webshop a, #menu .selected {
	background-image: url(../img/en/menu/webshop.gif);
}
.se #menu #about a, #menu .selected {
	background-image: url(../img/se/menu/about.gif);
}
.en #menu #about a, #menu .selected {
	background-image: url(../img/en/menu/about.gif);
}
.se #menu #fragor-o-svar a, #menu .selected {
	background-image: url(../img/se/menu/fragor-o-svar.gif);
}
.en #menu #fragor-o-svar a, #menu .selected {
	background-image: url(../img/en/menu/fragor-o-svar.gif);
}
.se #menu #inspiration a, #menu .selected {
	background-image: url(../img/se/menu/vikings.gif);
}
.en #menu #inspiration a, #menu .selected {
	background-image: url(../img/en/menu/vikings.gif);
}
.se #menu #contact a, #menu .selected {
	background-image: url(../img/se/menu/contact.gif);
}
.en #menu #contact a, #menu .selected {
	background-image: url(../img/en/menu/contact.gif);
}
.se #menu #default a, #menu .selected {
	background-image: url(../img/se/menu/start.gif);
}
.en #menu #default a, #menu .selected {
	background-image: url(../img/en/menu/start.gif);
}
#menu #end {
	background-image: url(../img/se/menu/menu_end.gif);
	width: 23px;
	height:31px;
}
********************************/
.shadow {
	background: url(../img/site/bg_undermenu_long.gif) no-repeat -4px 0%;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 1px;
	width: 876px;
}
/****************MENUS PÅ SAJTKARTAN****************/
.website .submenu {
	visibility:visible;
}
.website .submenu ul {
	margin: 0px;
	padding: 0px;
}
.website .submenu ul ul {
	margin: 0px;
	padding: 0px 0px 10px 20px;
}
.website .submenu li {
	list-style-type: none;
}
.website .submenu li a {
	/*background-repeat: no-repeat;
	background-position: 0% 0%;*/
	display: block;
	height: 11px;
	text-decoration: none;
	color: #726257;
	/*text-indent: -9999px;*/
	padding: 2px 12px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}
.website .submenu li a:hover {
	color: #CC6600;
}
/****************SUBMENUS PÅ WEBSAJTEN****************/
.submenu2 {
	visibility:visible;
	margin: 0px 0px 0px 67px;
	height: 30px;
	width: 500px;
}
.submenu2 ul {
	margin: 0px;
	padding: 0px;
}
.submenu2 ul ul {
	margin: 0px;
	padding: 0px 0px 10px 20px;
}
.submenu2 li {
	list-style-type: none;
	float: left;
	display: block;
}
.submenu2 a {
	background:url(../img/site/pil_green.gif) no-repeat 100% 2px;/*eftersom 2px top padding*/
	font-size: 11px;
	font-weight: bold;
	color: #726257;
	text-decoration: none;
	display: block;
	float:left;
	height: 14px;
	padding: 0px 15px;
	margin: 0px;
	/*text-indent: -9999px;*/
}
.submenu2 li a:hover, .submenu2 li .selected {
	color: #669900;
	background-position: 100% 100%;
}
/****************************
CONTENT
*****************************/
.content {
	width: 876px;
	min-height: 500px;
	height: auto !important;
	clear:both;
	/*background: #FFFFF url(../img/site/bg/bg01-tee.jpg) no-repeat center bottom;*/
	background-color: #FFFFFF;
	margin: 0px auto;
}
.content .padding {
	padding:0px 57px 5px 57px;
}
* .content {/* bara för IE6 */
	/*width: 876px;*/
	width: 876px;
}
.content .main {
	float: left;
	width: 640px;
}
.content .main p {
	line-height: 150%;
	padding-bottom: 6px;
}
.content .main li {
	line-height: 150%;
}
.content .row {
	clear: both;
}
/*****************#Banners INDEXsida******************/
.content #Banners {
	margin-left:8px;
}
.content #Banners ul {
	margin: 0px;
	padding: 0px;
}
.content #Banners li {
	margin: 0px 10px;
	padding: 0px;
	list-style-type: none;
	float: left;
	text-align: right;
}
.content #Banners a {
	display: block;
	height: 175px;
	width: 193px;
	font-size: 14px;
	color: #726257;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
.content #Banners a:hover {
	color: #CC6600;
}
.content #Banners a span {
}
#link1 {
	background-image:url(../img/site/ban/ban-butiksortiment.jpg);
}
#link2 {
	background-image:url(../img/site/ban/ban-frago-o-svar.jpg);
}
#link3 {
	background-image:url(../img/site/ban/ban-inspiration.jpg);
}
#link4 {
	background-image:url(../img/site/ban/ban-teskola.jpg);
}
/******************************
HEADERS
******************************/
h1 {
	color: #988675;
	font-weight: normal;
	font-size: 170%;
	line-height: 150%;
	padding: 0px 0px 10px 0px;
}
/*
.se #h1index, .en #h1index {
	background: url(../img/se/headers/h1_index.gif) no-repeat 0px 0px;
}
.en #h1index {
	background-image: url(../img/en/headers/h1_index.gif);
}
*/
/**************************************************
LeftColumn
***************************************************/
.LeftColumn .padding {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.se .openinghours, .en .openinghours {
	background: transparent url(../img/se/ban/ban_open.gif) no-repeat 0% 0%;
	width: 213px;
}
.en .openinghours {
	background-image: url(../img/en/ban/ban_open.gif);
}
#wrapper .se .openinghours p, #wrapper .en .openinghours p {
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
.LeftColumn .openinghours {
	width: 213px;
	height: auto;
}
.LeftColumn .openinghours p {
	font-size: 80%;
	width:120px;
}
/**************************************************
BANNERS
***************************************************/
.index #Boxes {
	position: relative;
	top:0px;
	left: -57px;
	padding: 0px;
	margin-right: -57px;
	min-height: 180px;
}
#Boxes {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 280px;
	right: 60px;
	top: 45px;
}
/*************SearchBox***************/
.search input {
	float: right;
	height: 17px;
	width: 120px;
	border: 1px solid #FFFFFF;
	margin-top: 19px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #726257;
	background:url(../img/site/bg/bg_form01.gif) no-repeat -5px -5px;
}
.se .search, .en .search {
	background: url(../img/se/btn/btn_search_prod.gif) no-repeat 0% 0%;
	height: 60px;
	width: 280px;
}
.en .search {
	background-image: url(../img/en/btn/btn_search_prod.gif);
}
.se .SearchBtn, .en .SearchBtn {
	width: 65px;
	border: none;
	height: 24px;
	background:none;
}
/*************Ban03***************/
.se .Ban03, .en .Ban03 {
	background: url(../img/se/ban/fairtrade.gif) no-repeat 0% 100%;
	height: 137px;
	width: 213px;
}
.en .Ban03 {
	background-image: url(../img/en/ban/fairtrade.gif);
}
.index .se .Ban03, .index .en .Ban03 {
	background: url(../img/se/ban/fairtrade_index.gif) no-repeat -7px 0%;
	height: 256px;
	width: 200px;
}
.index .en .Ban03 {
	background-image: url(../img/en/ban/fairtrade_index.gif);
}
.index .Ban03 img {
	height: 254px;
	width: 200px;
}
.Ban03 img {
	height: 120px;
	width: 210px;
}
/*******************Banner02**********************/
.se .Ban02, .en .Ban02 {
	background: url(../img/se/btn/btn_webshop.png) no-repeat 0% 0% !important;
	background: url(../img/se/btn/btn_webshop.gif);/**/
	height: 60px;
	width: 280px;
}
.en .Ban02 {
	background: url(../img/en/btn/btn_webshop.png) no-repeat 0% 0% !important;
	background: url(../img/en/btn/btn_webshop.gif);/**/
}
* html .se .Ban02 a {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/se/btn/btn_webshop.png", sizingMethod='scale');
	background-image: none;
}
* html .en .Ban02 a {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/en/btn/btn_webshop.png", sizingMethod='scale');
	background-image: none;
}
/*******************WebShopBanner Startsida**********************/
.se .webshopBan, .en .webshopBan {
	background: url(../img/se/btn/btn_webshop.png) no-repeat 0% 0% !important;
	background: url(../img/se/btn/btn_webshop.gif) no-repeat 0% 0%;/**/
	height: 60px;
	width: 280px;
	display: block;
	float: left;
}
.en .webshopBan {
	background: url(../img/en/btn/btn_webshop.png) no-repeat 0% 0% !important;
	background: url(../img/en/btn/btn_webshop.gif) no-repeat 0% 0%;/**/
}
* html .se .webshopBan a {
	background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/se/btn/btn_webshop.png", sizingMethod="scale");/**/
}
* html .en .webshopBan a {
	background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/en/btn/btn_webshop.png", sizingMethod="scale");
}
.se .webshopBan img, .en .webshopBan img {
	height: 60px;
	width: 280px;
}
/***************MemberLoginBox Startsida******************/
.se .memberLogin, .en .memberLogin {
	background: url(../img/se/btn/btn_member_loggin.png) no-repeat 0% 0% !important;
	background: url(../img/se/btn/btn_member_loggin.gif) no-repeat 0% 0%;/**/
	height: 60px;
	width: 280px;
}
.en .memberLogin {
	background: url(../img/en/btn/btn_member_loggin.png) no-repeat 0% 0% !important;
	background: url(../img/en/btn/btn_member_loggin.gif);
}
* html .se .memberLogin a, * html .en .memberLogin a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/se/btn/btn_member_loggin.png',  sizingMethod='scale');
}
.se .memberLogin img, .en .memberLogin img {
	height: 60px;
	width: 280px;
}
/****************Kassasystem CartBox*****************/
.se .CartBox, .en .CartBox {
	background-color: #ffffff;
}
.en .CartBox {
	background-image: url(../img/en/ban/cart_ban_bg.gif);
}
.CartBox .padding {
	margin: 0px;
	padding: 10px 0px 10px 16px;
}
.CartBox textarea {
	width:190px;
	height:100px;
	color:#738349;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	border: 1px solid #96b18b;
	background-image: url(../img/site/bg/bg_form02.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 5px;
}
.CartBoxBtn {
	background: url(../img/se/ban/cart_ban_bg.gif) no-repeat 0% 0%;
	height: 34px;
	width: 190px;
}
/*************************Pictures****************************/
.pic-01 {
	background-image: url(../img/site/pic/pic-01.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 360px;
	height: 153px;
}
.pic-02, .pic-03, .pic-04, .pic-05, .pic-10, .pic-11, .pic-12 {
	background-image: url(../img/site/pic/pic-02.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 210px;
	height: 230px;
	margin: 0px 0px 10px 0px;
}
.pic-03 {
	background-image: url(../img/site/pic/pic-03.gif);
}
.pic-04 {
	background: url(../img/site/pic/pic-04.gif) no-repeat 0% 0%;
	height: 230px;
}
.pic-05 {
	background-image: url(../img/site/ban/ban-karta-hitta-se.gif);
}
.pic-10 p, .pic-11 p, .pic-12 p {
	padding: 20px 0px 0px 20px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 110%;
}
.pic-10 {
	background-image: url(../img/site/pic/pic-10.jpg);
}
.pic-11 {
	background-image: url(../img/site/pic/pic-11.jpg);
}
.pic-12 {
	background-image: url(../img/site/pic/pic-12.jpg);
}
/***************************
Topplist
****************************/
#toplist {
	width: 200px;
	float: right;
	z-index:2;
}
#toplist .padding {/*padding håller toplist produkter på plats*/
	padding: 0px;
}
#toplist img {
	float: left;
	padding: 0px 10px 0px 0px;/*bild placering i förhållande till ramen och texten*/
}
#toplist a {
	color: #726257;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 120%;
	padding: 4px 15px 0px 76px;
	margin: 0px 15px 2px 0px;
	display: block;
	height: 74px;
	text-transform: uppercase;
	background-image: url(../img/site/pil_red.gif);
	background-repeat: no-repeat;
	background-position: 100% 25px;
}
#toplist a span {
	display:block;
}
#toplist a:hover {
	color: #CC6600;
	background: url(../img/site/pil_red.gif) no-repeat 100% -30px;
}
#toplist .about {
	font-size: 10px;
}
#toplist .price {
	font-size: 12px;
	text-transform: none;
}
#toplist .prod_top {
	background: url(../img/se/webshop/toplist/top_list_top.gif) no-repeat 0% 0%;
	height: 0px;
	display: none;
}
#toplist .prod_favs {
	background: url(../img/se/webshop/toplist/top_list_favs.gif) no-repeat 0% 0%;
	height: 59px;
}
#toplist .prod_bot {
	background: url(../img/se/webshop/toplist/top_list_bot.gif) no-repeat 0% 0%;
	height: 0px;
	display: none;
}
#toplist .prod_1 {
	background: url(../img/se/webshop/toplist/top_list_1.gif) no-repeat 0% 0%;
}
#toplist .prod_2 {
	background: url(../img/se/webshop/toplist/top_list_2.gif) no-repeat 0% 0%;
}
#toplist .prod_3 {
	background: url(../img/se/webshop/toplist/top_list_3.gif) no-repeat 0% 0%;
}
#toplist .prod_4 {
	background: url(../img/se/webshop/toplist/top_list_4.gif) no-repeat 0% 0%;
}
#toplist .prod_5 {
	background: url(../img/se/webshop/toplist/top_list_5.gif) no-repeat 0% 0%;
}
/******************************************************/
/*LIST CUP OF TEE*/
/******************************************************/
.cupoftee li {
	background-image: url(../img/site/decor/decor_cup1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 6px 18px;
}
.cupoftee .li1 {
	background-image: url(../img/site/decor/decor_cup1.gif);
}
.cupoftee .li2 {
	background-image: url(../img/site/decor/decor_cup2.gif);
}
.cupoftee .li3 {
	background-image: url(../img/site/decor/decor_cup3.gif);
}
.cupoftee .li4 {
	background-image: url(../img/site/decor/decor_cup4.gif);
}
.cupoftee .li5 {
	background-image: url(../img/site/decor/decor_cup5.gif);
}
.cupoftee .li6 {
	background-image: url(../img/site/decor/decor_cup6.gif);
}

/******************************************************/
/*COLUMNS*/
/******************************************************/
.col1 {
	float: left;
	width: 310px;
}
.index .col1, .website .col1 {
	float: left;
	width: 430px;
}
.col1 .padding {
	padding: 0px 30px 6px 0px;
}
.col2 {
	float: left;
	width: 310px;
	border: 0px solid #CCCCCC;
}
.col2 .padding {
	padding: 0px 20px 6px 0px;
}
/*************************COLUMNS**************************/
#footer {
	clear: both;
	height: 70px;
	width: 876px;
	background-image: url(../img/site/ban/footer-ekologiskt.gif);
	background-repeat: no-repeat;
	background-position: 0% 20px; /*positioneringen skapar utrymme ovan footer*/
	padding-top: 40px;/* padding flyttar på innehållet så att bakgrunden övertäcks inte*/
	margin: 0px auto;
}
.se .address, .en .address {
	/*background: url(../img/se/site/footer.gif) no-repeat 50% 100%;*/
	height: 20px;
	width: 876px;
	text-align:center;
}
.en .address {
	/*background: url(../img/en/site/footer.gif) no-repeat 50% 100%;*/
}
.LeftColumn {
	text-align: left;
	padding: 0px;
	float: left;
	min-height: 400px;
	width: 233px;
}
*html .LeftColumn {/* bara för IE6 */
	height: 450px;
}
/******************************
WEBSHOP
*******************************/
/******************************
ProduktMenu
*******************************/
#ProduktMenu {
	margin: 0px;
	padding: 0px;
	min-height: 120px;
	width: 210px;
}
*html #ProduktMenu {/* bara för IE6 */
	height: 160px;
}
#ProduktMenu ul {
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 20px 0px;
	list-style-type: none;
}
#ProduktMenu li {
	margin: 0px;
	padding: 0px 0px 1px 0px;
}
#ProduktMenu li a {
	color: #726257;
	font-weight: bold;
	font-size: 11px;
	line-height: 23px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	display: block;
	/*width: 194px;*/
	height: 25px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
	background: url(../img/site/btn/btn_top_bg.gif) no-repeat 0% 0%;
}
#ProduktMenu li a:hover, #ProduktMenu li .selected {
	color:#CC6600;
	background-position: 100% 100%;
}
#ProduktMenu ul ul {
	width: 169px;
	margin: 0px;
	padding: 0px;
}
#ProduktMenu li li {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
#ProduktMenu ul.under li a {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #726257;
	text-decoration: none;
	text-transform: none;
	background-image: none;
	height:16px;
	/*width: 165px;*/
}
#ProduktMenu ul.under li a:hover {
	background-image: none;
	color:#FB705D;
}
#ProduktMenu ul.info {
	width:194px;
}
#ProduktMenu p {
	padding: 0px 0px 0px 20px;
}
#ProduktMenu h2 {
	font-size: 120%;
	font-weight:normal;
	line-height: 100%;
	margin: 0px 0px 5px 20px;
	padding:0px;
	color: #CC6600;
}

/*********************Default************************/
.defaultLink, .defaultLink2 {
	font-size: 11px;
	color: #726257;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../img/site/pil_red.gif) no-repeat 100% 0px;
	padding: 0px 24px 0px 0px;
}
.defaultLink2 {
	background-position: 100% 5px;
	font-size:14px;
}
.defaultLink:hover, .defaultLink2:hover {
	color: #CC0000;
	background: url(../img/site/pil_red.gif) no-repeat 100% 100%;
}
.btnContinuePay {
	font-size: 11px;
	color: #E0E6EB;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align:right;
	line-height:18px;
	margin:0px;
	background: url(../img/site/btn/btn_pay_long.gif) no-repeat 100% 0px;
	display:block;
	float:right;
	padding: 0px 30px 0px 0px;
	height:26px;
	width:139px;
}
.btnContinuePay:hover {
	color: #FF765B;
	background: url(../img/site/btn/btn_pay_on_long.gif) no-repeat 100% 0%;
}
.btnClose { /*Medlems loggin*/
	color:#726257;
	background: url(../img/site/close-small.gif) no-repeat 100% 100%;
	padding-right:17px;
	height:18px;
	font-size:11px;
	line-height: 18px;
}
.btnClose:hover {
	color: #CC0000;
	/*background: url(../img/site/close.gif) no-repeat 100% 100%;*/
}
/*.leatherlapp {
	background: url(../img/site/leaderlapp.gif) no-repeat left top;
	background: url(../img/site/leaderlapp.png) no-repeat left top !important;
	width: 122px;
	height: 107px;
	display: block;
	float: left;
}
* html .leatherlapp {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site/leaderlapp.png', sizingMethod='scale');
	background-image: none;
}
.leatherlapp a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	height: 107px;
	width: 122px;
	padding: 9px 0px 0px 0px;
}
.leatherlapp a:hover {
	color: #FFFFCC;
}
.se .leatherlappBtn, .en .leatherlappBtn {
	background: url(../img/se/btn/btn_send.gif) no-repeat 0px 0px;
	background-image: url(../img/se/btn/btn_send.png) !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 122px;
	height: 107px;
	display: block;
	float: left;
}
.en .leatherlappBtn {
	background: url(../img/en/btn/btn_send.gif) no-repeat 0px 0px;
	background-image: url(../img/en/btn/btn_send.png) !important;
}
* html .se .leatherlappBtn {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/se/btn/btn_send.png", sizingMethod='scale');
	background-image: none;
}
* html .en .leatherlappBtn {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/en/btn/btn_send.png", sizingMethod='scale');
	background-image: none;
}
.en .leatherlappBtn {
	background: url(../img/en/btn/btn_send.gif) no-repeat 0px 0px;
	background-image: url(../img/en/btn/btn_send.png) !important;
}
* html .se .leatherlappBtn {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/se/btn/btn_send.png", sizingMethod='scale');
	background-image: none;
}
* html .en .leatherlappBtn {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/en/btn/btn_send.png", sizingMethod='scale');
	background-image: none;
}*/
/**************** BTN SEND ***********/
.sendBtn, .changeBtn, .payBtn {
	background: url(../img/site/pil_red.gif) no-repeat 0px 0px;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 122px;
	float: left;
}
/*********************Websida*************************/
.website {
}
.website h2 {
	font-size: 150%;
	font-weight: normal;
	line-height: 100%;
	margin: 11px 0px 5px 0px;
	padding:0px;
}
.LeftColumn h2 {
	font-weight: normal;
	font-size: 130%;
}

.website .col2 p {
	line-height: 100%;
}

/*********************Webshop*************************/
.webshop {
}
.webshop h2 {
	font-size: 170%;
	font-weight: normal;
}
.webshop p {
	padding: 0px 0px 5px 0px;
}
.webshop .col1 .padding {
	margin: 0px;
	padding: 0px 20px 6px 0px;
}
.webshop .col3 {
	float: left;
	width: 209px;
}
.webshop .beskrivning {
}
#wrapper .webshop .artikelnr {
	color: #FFF;
	background-image: url(../img/site/bg/bg_pris.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width:260px;
	height: 16px;
	margin: 0px 0px 10px 0px;
}
#wrapper .webshop .pris {/*Den fick #wrapper  framför för att den... den ville bråka med mig... duuuuuh!*/
	color: #FFFFFF;
	background-image: url(../img/site/bg/bg_pris.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width:260px;
	height: 16px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}
/*******************Produkt Navigering************/
.webshop .ProdViewNav {
	clear: both;
	width: 625px;
	height: 10px;
	padding: 20px 0px;
}
.webshop .ProdViewNav select {
	color: #666600;
	font-family: Arial, serif;
	font-size:12px;
}
.webshop .ProdViewNav .col3, .webshop .next, .webshop .prev {
	float: left;
	width: 206px;
}
/******************Föregående**************/
.webshop .ProdViewNav .prev span { /*Föregående text*/
	font-weight:bold;
	padding: 0px 0px 0px 25px;
	text-transform: uppercase;
}
.se .webshop .ProdViewNav .prev a, .en .webshop .ProdViewNav .prev a { /*Föregående Link båda*/
	background: url(../img/site/pil_red_left.gif) no-repeat 0px 0px;
}
/****************Nästa********************/
.webshop .next { /*Till skillnad till prev ligger den till höger*/
	text-align: right;
}
.webshop .ProdViewNav .next span { /*Nästa text*/
	font-weight:bold;
	padding: 0px 25px 0px 0px;
	text-transform: uppercase;
}
.se .webshop .ProdViewNav .next a, .en .webshop .ProdViewNav .next a { /*Nästa Link båda*/
	background: url(../img/site/pil_red_right.gif) no-repeat 100% 0px;
}
/***********************Föregående och Nästa hover*/
.se .webshop .ProdViewNav .prev a:hover, .en .webshop .ProdViewNav .prev a:hover {
	background-position: 0px 100%;
	color:#990000;
}
.se .webshop .ProdViewNav .next a:hover, .en .webshop .ProdViewNav .next a:hover {
	background-position: 100% 100%;
	color:#990000;
}
/***********************ProdViewBox*************************/
.ProdViewBox {
	background-image: url(../img/site/produkt_ram.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 210px;
	width: 193px;
}
.ProdViewBox .padding {/*Padding runt thumbnail, text och köplänk*/
	padding: 22px 2px 0px 2px;
}
.ProdViewBox img {/*Thumbnail*/
	display: block;
	margin: auto;
	padding:0px 0px 30px 0px;
	height: 130px;
	width: 145px;
	clear: both;
}
.ProdViewBox .detail a {
	color: #726257;
	height: 40px;
	width: 142px;
	float: left;
	display: block;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
}
#wrapper .webshop .ProdViewBox .detail .pris {/*Den fick #wrapper  framför för att den... den ville bråka med mig... duuuuuh!*/
}
.Buy {
	padding: 0px 0px 0px 0px;
	float: right;
	background: url(../img/site/btn/btn_buy_short.gif) no-repeat 0% 0%;
	width: 40px;
	height: 20px;
}
.Buy a {
	color:#FFFFFF;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 40px;
}
.Buy a:hover {
	color: #CC0000;
}
/*********************CooseBox****************************/
#ChooseBox {
	margin: 0px;
	padding: 0px;
	clear: both;
	min-height: 80px;
	width: 260px;
}
#ChooseBox .padding {
	margin: 0px;
	padding: 5px 0px 0px 11px;
}
#ChooseBox .SelectBoxar {
	float: left;
	width: 110px;
}
#ChooseBox select {
	width: 100px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	clear: both;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #9CAD6B;
	height: 19px;
	font-size: 12px;
	border: none;
}
#ChooseBox .laggtill a {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
	display: block;
	float: right;
	padding: 0px 30px 0px 0px;
	background-image: url(../img/site/btn/btn_buy_long.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 20px;
	width:120px;
	line-height:20px;
}
#ChooseBox .laggtill a:hover {
	color: #FF0000;
}
#ChooseBox .tillkassan {
	clear: both;
	padding: 0px;
}
#ChooseBox .tillkassan a, .BigPicture a {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #726257;
	background: url(../img/site/pil_red.gif) no-repeat 100% 0px;
	padding: 2px 25px 0px 0px;
	
}
#ChooseBox .tillkassan a:hover, .BigPicture a:hover {
	color: #990000;
	background: url(../img/site/pil_red.gif) no-repeat 100% 100%;
}
/*WebshopKassa***********************************/
.WebshopKassa {
}
.WebshopKassaBox {
	background-image: url(../img/site/produkt_ram_long.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	/*background-image: url(../img/site/bg/form_bg.gif);
	background-repeat: no-repeat;
	background-position: -3px -3px;*/
}
.WebshopKassaBox {
	float:left;
	height: 161px;
	width: 295px;
	margin:0px 20px 20px 0px;
}
.WebshopKassaBox .padding {
	padding: 15px 10px 0px 15px;
}
.WebshopKassaBox img { /*Thumbnail*/
	float: left;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 117px;
}
.WebshopKassaBox .detail {
	width:100px;
	height:35px;
}
.WebshopKassaBox .title {
	font-weight: bold;
	color: #726257;
	font-size: 10px;
	line-height: 1.8em;
}
.WebshopKassaBox .descript {
	font-size: 10px;
	color: #4A4037;
}
.WebshopKassaBox .TagBort {
	width: 130px;
	text-align: right;
	float: right;
}
a.Borttager {
	color: #000000;
	font-size:10px;
	font-weight: bold;
	background-image: url(../img/site/close-small.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	padding: 0px 20px 0px 0px;
}
.WebshopKassaBox .input {
	font-family: Tahoma, Arial, sans-serif;
	background: url(../img/site/bg/bg_form01.gif) no-repeat -10px -10px;
	height: 20px;
	line-height:20px;
	padding: 0px 0px 0px 4px;
	border: 1px solid #990000;
	color: #990000;
}
/*WebshopKassa END*/
/**************ConfirmOrder*****************/
.CartBoxLine {
	clear:both;
	width:460px;
	height:21px;
}
.CartBoxLinePadding {
	height:16px;
	padding:0px 10px 0px 10px;
	background-color:#F2FADE;
}
.CartBoxLineA {
	float:left;
	color:#000000;
	font-size:10px;
	font-style:italic;
}
.CartBoxLineB {
	float:right;
	color:#000000;
	font-size:10px;
	font-style:italic;
}
.CartBoxLineShopData {
	float:left;
	height:205px;
	width:113px;
	padding:0px 10px 0px 10px;
	background-color:#EDF8D1;
	color:#000000;
	font-size:10px;
	text-align:right;
	line-height:2em;
}
.CartBoxDataNameBox {
	clear:both;
	height: 30px;
	padding: 0px 0px 0px 10px;
	line-height: 30px;
	width: 586px;
}
.CartBoxDataName {
	color: #5a6621;
	font-size: 12px;
	float: left;
	padding-left: 0px;
	font-weight: bold;
}
.CartBoxDataBox {
	clear:both;
	height:29px;
	background-color: #DAE3C1;
	background-image: url(../img/site/bg/bg_CartBoxData.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 598px;
	padding: 0px;
	color: #000000;
}
.CartBoxDataBox .padding {
	padding: 0px 10px 0px 10px;
}
.CartBoxData {
	font-size: 12px;
	float: left;
	line-height: 25px;
}
.dat1 {
	width: 70px;
}
.dat2 {
	width: 100px;
}
.dat3 {
	width: 220px;
}
.dat4 {
	width: 90px;
}
.dat5 {
	width: 90px;
}
.PayBox {
	text-align: right;
	padding: 0px 0px;
	width: 598px;
}
#wrapper .PayBox .pris {/*Den fick #wrapper  framför för att den... den ville bråka med mig... duuuuuh!*/
	color: #000000;
	font-size:120%;
	font-weight: bold;
	/*background-image: url(../img/site/bg/bg_pris.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;*/
	width:260px;
	height: 16px;
	margin: 0px 0px 10px 0px;
}
#wrapper .PayBox .pris2 {/*Den fick #wrapper  framför för att den... den ville bråka med mig... duuuuuh!*/
	color: #990000;
}
#wrapper #print .pris2 {/*Den fick #wrapper  framför för att den... den ville bråka med mig... duuuuuh!*/
	color: #990000;
}
/**************SummaryBox*****************/
.SummaryBoxEnd {
	width:32px;
	height:40px;
	background:url(../img/site/bg/menu_bg_long.gif) no-repeat 100% 0%;
	float: left;
}
.SummaryBoxShort, .SummaryBoxLong {
	float: left;
	color:#726257;
	font-size:12px;
	font-weight:bold;
	/*line-height:2em;*/
	text-align:right;
	height:40px;
	background:url(../img/site/bg/menu_bg_long.gif) no-repeat 0% 0%;
	width:340px;
}
.SummaryBoxLong {
	width:580px;
}
.SummaryBoxLong input {
	font-size: 14px;
	line-height:15px;
	height: 15px;
	width: 140px;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding-left: 4px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight:bold;
	color: #726257;
	background:url(../img/site/bg/bg_form01.gif) no-repeat -4px -4px;
}
/**************SummaryBox END*****************/

.WhereYouAre {
	color: #726257;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
	text-transform: uppercase;
}
.WhereYouAre a {
	color: #988675;
	font-weight: bold;
	text-decoration: none;
}
a.YouAreHere {
	color: #990000;
	text-decoration: none;
}
a.YouAreHere:hover, .WhereYouAre a:hover {
	color: #CC0000;
}
/*********************Extra************************/

/*******************************/
/*REGISTER*/
/*******************************/
.register {
	font-size: 11px;
	font-weight: normal;
	color: #726257;
}
.register label:hover {
	color: #990000;
}
/*Inputs*/
.ExistingCustomer .input, .NewCustomer .input, .KortBetalning .input {
	font-family: Arial, sans-serif;
	border: 1px solid #ffffff;
	color: #726257;
	height: 19px;
	line-height: 19px;
	padding: 3px 0px 0px 4px;
	background: #FFF url(../img/site/bg/bg_form01.gif) no-repeat -5px 50%;
	font-size: 12px;
}
/*Plattor*/
.ExistingCustomer, .NewCustomer, .KortBetalning {
	background: #ffffff url(../img/site/bg/bg_reg_exist_custom.gif) no-repeat 0px 0px;
	color: #726257;
	font-weight: normal;
	font-size: 10px;
	min-height: 382px;
	float:left;
	width: 215px;
}
.NewCustomer, .KortBetalning {
	min-height: 382px;
	width: 412px;
	background: #ffffff url(../img/site/bg/bg_reg_new_custom.gif) no-repeat 0px 0px;
	color: #726257;
	float: left;
}
*html .NewCustomer, *html .KortBetalning {
	height: 380px;
}
.ExistingCustomer .padding, .KortBetalning .padding {
	padding: 30px 24px 24px 30px;
}
.NewCustomer .padding {
	padding: 30px 24px 24px 30px;
}
.register .ExistingCustomer a {
	color: #726257;
}
.register .NewCustomer a, .KortBetalning a {
	color: #726257;
}
/*******************/
.RatingSystem {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9CAD6B;
	margin: 20px 0px 20px 0px;
	padding: 10px;
	width:600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9CAD6B;
}
.RatingSystem a.linkopen {
	background: url(../img/site/pil_green_down.gif) no-repeat 100% 0%;
	font-weight: bold;
	padding: 0px 15px 0px 0px;
	padding-left:;
}
.RatingSystem a.linkopen:hover {
	color: #779933;
	background-position: 100% 100%;
}
/*********Print**********/
.print a {
	color: #2a367a;
	background-image: url(../img/site/print.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 93px;
	height: 95px;
	width: 100px;
}
#print .address {
	clear:both;
	color:#000000;
	font-size:10px;
	padding:0px;
	margin:20px 0px 0px -20px;
	width:600px;
	display:block;
}
#print .CartBoxLinePadding {
	background-color: #FFFFFF;
}
#print .CartBoxLineShopData {
	height: 310px;
}
#print .CartBoxLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#print .CartBoxDataBox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 10px;
	background: none;
}

