*,* {
	margin: 0;
	padding: 0;
}

/*
	General elements
*/

body {
	background: #020202;
	color: #fff;
	font: 11px Arial,sans-serif;
	overflow-y: scroll;
}


h2 {
	margin: 0 0 10px 0;
	font-size: 14px;
}

h3 {
	margin: 10px 0 10px 0;
	font-size: 13px;
}


p {
	line-height: 133%;
	margin: 0 0 10px 0;
}

span.small {
	font-size:9px;
}

a {
	color: #cbcbcb;
}


a:hover {
	color: #fff;
}

table {
	margin: 0 0 10px 0;
}
/*
	Header
*/

#main {
	margin: 0 auto;
	width: 800px;
	position: relative;
}

h1 {
	background: transparent url('./img/lindvallskaffe.png') no-repeat;
	margin: 18px auto 12px auto;
	width: 102px;
	height: 70px;
}

h1 a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 102px;
	height: 70px;
	outline: 0;
}

#nav {
	height: 19px;
}

#nav.en li {
	margin: 0 93px 0 0 ;
}

#nav li {
	list-style: none;
	display: block;
	float: left;
	height: 19px;
	margin: 0 44px 0 0 ;
}

#nav li a,#nav li ul li a {
	display: block;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	outline: 0;
}

#nav #n_lindvallskaffen { background: transparent url('./img/n_lindvallskaffen.png') no-repeat top left; width:200px; }
#nav #n_kaffeboutique { background: transparent url('./img/n_kaffeboutique.png') no-repeat top left; width:134px; }
#nav #n_kaffeskola { background: transparent url('./img/n_kaffeskola.png') no-repeat top left; width:100px; }
#nav #n_omlindvalls { background: transparent url('./img/n_omlindvalls.png') no-repeat top left; width:118px; }
#nav #n_kontakt { background: transparent url('./img/n_kontakt.png') no-repeat top left; width:70px;  margin-right: 0;}

#nav #n_lindvallscoffeeworld { background: transparent url('./img/n_lindvallscoffeeworld.png') no-repeat top left; width:200px; }
#nav #n_coffeeschool { background: transparent url('./img/n_coffeeschool.png') no-repeat top left; width:120px; }
#nav #n_aboutlindvalls { background: transparent url('./img/n_aboutlindvalls.png') no-repeat top left; width:128px; }
#nav #n_contact { background: transparent url('./img/n_contact.png') no-repeat top left; width:70px;  margin-right: 0;}

#nav #n_restaurangochcafe { background: transparent url('./img/n_restaurangochcafe.png') no-repeat top left; width:156px; margin-right: 0;}

#nav li ul #ns_restaurangochstorhushall a { background: transparent url('./img/ns_restaurangochstorhushall.png') no-repeat top left; width: 243px;}
#nav li ul #ns_konsument a { background: transparent url('./img/ns_konsument.png') no-repeat top left; width: 97px;}
#nav li ul #ns_omoss a { background: transparent url('./img/ns_omoss.png') no-repeat top left; width: 60px;}
#nav li ul #ns_jobbahososs a { background: transparent url('./img/ns_jobbahososs.png') no-repeat top left; width: 130px;}
#nav li ul #ns_referenser a { background: transparent url('./img/ns_referenser.png') no-repeat top left; width: 114px;}
#nav li ul #ns_privatelabel a { background: transparent url('./img/ns_privatelabel.png') no-repeat top left; width: 140px;}
#nav li ul #ns_bildbank a { background: transparent url('./img/ns_bildbank.png') no-repeat top left; width: 88px;}


#nav li ul #ns_restautantsandcafes a { background: transparent url('./img/ns_restautantsandcafes.png') no-repeat top left; width: 138px;}
#nav li ul #ns_consumers a { background: transparent url('./img/ns_consumers.png') no-repeat top left; width: 97px;}
#nav li ul #ns_aboutus a { background: transparent url('./img/ns_aboutus.png') no-repeat top left; width: 70px;}
#nav li ul #ns_jobopp a { background: transparent url('./img/ns_jobopp.png') no-repeat top left; width: 140px;}
#nav li ul #ns_references a { background: transparent url('./img/ns_references.png') no-repeat top left; width: 114px;}
#nav li ul #ns_privatelabel a { background: transparent url('./img/ns_privatelabel.png') no-repeat top left; width: 140px;}
#nav li ul #ns_imagebank a { background: transparent url('./img/ns_imagebank.png') no-repeat top left; width: 88px;}


#nav li ul #ns_restaurangochstorhushall a:hover { background-image: url('./img/nsh_restaurangochstorhushall.png');}
#nav li ul #ns_konsument a:hover { background-image:url('./img/nsh_konsument.png');}
#nav li ul #ns_omoss a:hover { background-image:url('./img/nsh_omoss.png');}
#nav li ul #ns_jobbahososs a:hover { background-image:url('./img/nsh_jobbahososs.png');}
#nav li ul #ns_referenser a:hover { background-image:url('./img/nsh_referenser.png');}
#nav li ul #ns_privatelabel a:hover { background-image:url('./img/nsh_privatelabel.png');}
#nav li ul #ns_bildbank a:hover { background-image:url('./img/nsh_bildbank.png');}


#nav li ul #ns_restautantsandcafes a:hover { background-image: url('./img/nsh_restautantsandcafes.png');}
#nav li ul #ns_consumers a:hover { background-image:url('./img/nsh_consumers.png');}
#nav li ul #ns_aboutus a:hover { background-image:url('./img/nsh_aboutus.png');}
#nav li ul #ns_jobopp a:hover { background-image:url('./img/nsh_jobopp.png');}
#nav li ul #ns_references a:hover { background-image:url('./img/nsh_references.png');}
#nav li ul #ns_imagebank a:hover { background-image:url('./img/nsh_imagebank.png');}

/*
	Subnavs
*/

#nav li ul {
	position: absolute;
	margin: 0;
}

#nav li ul li {
	float: none;
	margin: 0;
	padding: 0;
	height: 16px;
}

#nav li ul {
	display: none;
}

#nav li.active ul {
	display: block;
}

body#b_lindvallskaffen #nav li#n_lindvallskaffen ul, body#b_omlindvalls #nav li#n_omlindvalls ul {
	display: block;
}

body#b_lindvallskaffen #nav li#n_lindvallscoffeeworld ul, body#b_omlindvalls #nav li#n_aboutlindvalls ul {
	display: block;
}


#nav li#n_lindvallskaffen ul {
	top: 50px;
	left: 0px;
}

#nav li#n_omlindvalls ul {
	top: 2px;
	left: 568px;
}

#nav li#n_lindvallscoffeeworld ul {
	top: 48px;
	left: 0px;
}

#nav li#n_aboutlindvalls ul {
	top: 0px;
	left: 507px;
}


#langNav {
	top: 0;
	right: 0;
}

#langNav li {
	list-style: none;

}

#langNav li#en a{
	right: 24px;
	background: transparent url('./img/lang_en.png') no-repeat top left;
}


#langNav li a {
	background: transparent url('./img/lang_sv.png') no-repeat top left;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
}


/*
	Shoppingcart
*/

#cartproducts h2 { 
	text-transform: uppercase;
}

#cartproducts th {
	text-align: left;
}

#cartproducts td {
	padding: 3px;;
	white-space: nowrap;
}

#cartproducts table {
	border-bottom: 1px solid #fff;
}


#cartproducts td.productname {
	width: 365px;
}

#cartproducts strong {
	text-transform: uppercase;
}

#cartproducts input {
	width: 35px;
}

#carttotalprice {
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 100px;
}

/*
	Small shoppingcart
*/

#shoppingcart {
	width: 171px;
	background: #333333 url('./img/g_cartbottom.png') no-repeat bottom left;
	margin: 0 0 15px 0;
}

#shoppingcart div {
	background: transparent url('./img/g_carttop.png') no-repeat top left;
	padding: 15px;
}

#shoppingcart h2,td.product {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#shoppingcart table {
	margin: 0 0 10px 0;
	width: 100%;
}


/*
	Content
*/

#content {
	margin: 55px 0 30px 0;
	overflow: hidden;
}

body#index #content {
	margin-top: 0;
}

h2#h_valkommen_kaffeboutique {
	margin: 65px 0 10px 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 279px;
	height: 55px;
	background: transparent url('./img/h_valkommen_kaffeboutique.png') no-repeat top left;
}

a#enter_boutique {
	font-size: 11px;
	font-weight: bold;
	color: #686868;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*
	Procuct list
*/

#products {
	list-style: none;
}

#products li {
	float: left;
	width: 300px;
	overflow: hidden;
	height: 200px;
	position: relative;
	margin: 0 0 25px 0;
}

#products li img {
	float: left;
	border: 0;
	margin: 0 10px 0 0;
}

#products li div {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 163px;
}

#products li strong {
	display: block;
	text-transform: uppercase;
}

#products li a {
	color: #fff;
	text-decoration: none;
}

#products li .desc {
	display: block;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

#products li .meta {
	display: block;
	font-weight: bold;
}

/*
	Columns and layout
*/

.left {
	float: left;
}

.right {
	float: right;
}

.x-wide {
	width: 600px;
}

.wide {
	width: 427px;
}

.x-medium {
	width: 475px;
}

.medium {
	width: 404px;
}

.narrow {
	width: 330px;
}

.m-narrow {
	width: 285px;
}

.x-narrow {
	width: 171px;
}

.tiny {
	width: 130px;
}

.center {
	margin: 0 auto;
}


/*
	Single product display
*/

#productpage {

	margin: 0 auto;
}

#productdisplay {
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 200px;

}

#productdisplay h2 {
	text-transform: uppercase;
}

#productdisplay img {


	margin-right: 20px;
}

#productdisplay div {
	width: 230px;
	position: absolute;
	bottom: 0;
	overflow: auto;
	height: 200px;
	left: 160px;
	padding-right: 5px;
}

#actionbuttons {
	padding: 20px 0 0 0;
}

#nextproduct {
	margin-left: 180px;
}

/*
	Text formatting
*/

.alright {
	text-align: right;
}

/*
	Graphic elements
*/
/*

button, a.button {
	background: #323232 url('./img/g_buttonend.png') no-repeat top right;
	color: #cbcbcb;
	text-decoration: none;
	border: 0;
	text-decoration: center;
	font-size: 12px;
	padding: 3px 0;
}

button span, a.button span {
	background: transparent url('./img/g_buttonstart.png') no-repeat top left;

}

button span, a.button span {
	background: transparent url('./img/g_buttonstart.png') no-repeat top left;
	padding: 3px;
}
*/


button, a.button {
	background: #323232;
	color: #cbcbcb;
	text-decoration: none;
	border: 0;
	text-align: center;
	font-size: 12px;
	padding: 3px;
	white-space: nowrap;
}

button span, a.button span {


}

button span, a.button span {

}


/*
	Checkout
*/

#checkoutform p {
	width: 300px;
}

#checkoutform input {
	display: block;
	width: 100%;
	margin: 5px 0;
}

#checkoutform label {
	display: block;
	margin: 5px 0 0 0;
}

#pricetable {
	width: 210px;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 15px 0 ;
}

#pricetable .lastrow td {
	padding: 7px 0 0 0;
}

#orderform {
	padding: 10px 0 0 0;
}

#orderform button {
	margin: 10px 0 0 0;
	display: block;
}

/*
	Kaffeskolan
*/


#kaffeskola {
    width: 800px;
    margin: 0 auto;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 330px;
    width: 800px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
}

.scrollContainer li {
    padding: 0;
    height: 350px;
    width: 800px;
	float: left;
	position: relative;
}

.scrollContainer li img {
	float: left;
	margin: 0 30px 0 0;
}


.hide {
    display: none;
}

#controls {
	margin: 15px 0 0 0;
	text-align: right;
}

#controls button {
	background: transparent;
	padding: 0;
	cursor: pointer;
}

#controls img {
	cursor: pointer;
}

/*
	Kontakt
*/

ul.contact {
	list-style: none;
	margin: 0 auto 15px auto;
	padding: 0;
	width: 285px;
	overflow: hidden;
}


.contact li {
	color: #ccc;
	margin: 0 0 5px 0;
}


.contact .portrait {
	float: left;
	margin: 0 10px 0 0 ;
}

.contact strong {
	font-size: 15px;
}

.contact a {
	color: #ca030a;
}

/*
	Extra elements
*/

#privatelabel {
	position: relative;
}

#privatelabel div {
	position: absolute;
	top: 35px;
	width: 356px;
	right: 15px;
}

/*
	Image bank
*/

#imagebank {
	list-style: none;
}

#imagebank li {
	float: left;
	width: 200px;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

#imagebank img {
	display: block;
	margin:0 0 10px 0;
	height: 180px;
}

#imagebank strong {
	display: block;
	margin:5px 0 5px 0;
}

#imagebank a.download {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('./img/laddaner.png') no-repeat top left;
	width: 133px;
	height: 19px;
	margin:5px 0 0 0;
}

#imagebank.en a.download {
	background: transparent url('./img/download.png') no-repeat top left;
}

.clear {
	clear: both;
}

.margin {
	padding-top: 25px;
}

.hidden {
	display:none;
}

ul#products li {
  position: relative;
}

ul#products li a {
  position: absolute;
  bottom: 0;
}