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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; position:relative; z-index:1; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

/* Fonts */
@font-face { font-family:Helvetica; font-weight:bold; src:url('../includes/helvetica_bold.ttf'); }
@font-face { font-family:Helvetica Inserat; src:url('../includes/helvetica_inserat.ttf'); }
@font-face { font-family:Aller; src:url('../includes/aller.ttf'); }
@font-face { font-family:Aller; font-weight:bold; src:url('../includes/aller.ttf'); }
@font-face { font-family:Vegur; src:url('../includes/titillium_medium.otf'); }

/* Basinställningar */
html { width:100%; height:100%; background:url(../img/bg_repeat.png);}
body { width:100%; height:100%; background:url(../img/bg.png); background-position:top center; background-repeat:repeat-x; }
a:hover, input[type="submit"]:hover, input[type="image"]:hover { filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; }
#bgOverlay { width:100%; height:250px; background-repeat:repeat-x; background-position:bottom; position:fixed; bottom:0px; z-index:-1; }
#container { width:900px; margin:auto; }
#header { width:900px; height:141px; float:left; }
#footer { width:900px; margin-top:5px; font-size:10px; margin-top:5px; padding-bottom:25px; font-family:Verdana, Geneva, sans-serif; text-align:right; color:#333; float:left; }

/* Popup */
#popup { width:300px; left:40%; right:40%; background:url(../img/bg_transparent.png); margin:auto; position:fixed; top:200px; z-index:10; visibility:hidden; }
#popupInner { margin:5px; width:260px; background:#FFF; padding:15px; float:left; }
#popupPic { float:left; }
#popupHeader { font-family:Arial, Helvetica, sans-serif; padding:4px; padding-left:10px; float:left; font-weight:bold; }
#popupText { width:92%; font-family:Arial, Helvetica, sans-serif; float:left; padding:10px; font-size:12px; line-height:18px; }

/* Bar */
#bar { width:884px; height:24px; padding:8px; float:left; background:url(../img/bg_bar.png); -moz-border-radius:10px; -webkit-border-radius:10px; }
.button, .button:visited { cursor:pointer; width:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000; background:url(../img/btn_bar.png); text-align:center; display:block; padding-top:6px; padding-bottom:6px; float:left; }
input[type="submit"] { width:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000; background:url(../img/btn_bar.png); text-align:center; padding-top:4px; padding-bottom:3px; .padding-bottom:2px; border:none; cursor:pointer; float:left; }
#bar input[type="text"], #bar input[type="password"] { width:148px; padding-top:4px; padding-bottom:4px; padding-left:6px; padding-right:6px; border:none; background:url(../img/textfield_bar.png); float:left; font-size:13px; }
#bar .search { width:170px; padding-left:25px; padding-right:5px; padding-top:4px; padding-bottom:4px; border:none; background:url(../img/textfield_search.png); float:left; }
#bar li { margin-right:4px; float:left; }
#bar p { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px; }

/* Meny */
#menu { width:172px; background:#006138; float:left; color:#FFF; padding:14px; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#menuContainer { float:left; width:200px; margin-top:10px; }
#menuContainer > .payment { width:100%; text-align:center; padding-bottom:5px; padding-top:5px; float:left; }
#menuContainer li { font-size:16px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#000; line-height:16px; }
#menu a, #menu a:visited { font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none; color:#FFF; }
#menuContainer ul { margin-bottom:10px; }
.menuBtn { width:125px; height:48px; float:left; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-top:32px; padding-left:75px; font-weight:bold; color:#FFF; margin-bottom:10px; }
#cart { width:172px; background:#cccccc; float:left; color:#FFF; padding:14px; margin-bottom:10px; }
#cart li { color:#006138; }
#cart p { font-family:Verdana, Geneva, sans-serif; font-size:10px; text-decoration:none; color:#000; line-height:16px; min-width:30px; }
#cart table { width:100%; margin-top:5px; }
#cart .button { margin-top:5px; float:right; }

/* Main */
#main { width:680px; background:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px; padding:5px; margin-top:10px; margin-left:10px; float:right; position:relative; z-index:5; }
#main > h1 { padding:10px; font-family:Helvetica Inserat, Aller, Arial, sans-serif; color:#333; font-size:30px; letter-spacing:0px; font-weight:normal; float:left; width:100%; letter-spacing:-1px; }
#main > #productInfo > p, #main > p { color:#000; width:96%; float:left; padding:2%; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; }
#main  ul { width:70%; margin-top:20px; margin-bottom:20px; float:left; margin-left:15%; margin-right:15%; }
#main > form > ul > li { float:left; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px; }
input[type="text"], input[type="password"], select, textarea { width:100%; border:1px inset #000; padding:2px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
textarea { height:150px; }
#main label { width:100%; display:block; padding-bottom:4px; }
#main .button {}
.listHalf { width:46%; }
.listFull { width:94%; }
#paging { width:670px; float:left; margin:5px; }
#pageNumber { width:622px; margin:auto; float:left; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; padding-top:6px; }

/*  */
#main table {
	width:96%;
	margin:2%;
	float:left;
}

#main table th {
	background:#006138;
	border:1px solid #006138;
	padding:3px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main table td {
	vertical-align:middle;
	border:1px solid #006138;
	padding:5px;
	margin:5px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#main table td a {
	display:block;
	padding:3px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
}

.trHover tr:hover {
	background:url(../img/bg_transparent.png);
}

#main table img {
	border:none;
}

.productPic {
	width:77px;
	height:77px;
}

#productInfo ul {
	list-style:outside;
	width:92%;
	margin-left:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
}

#productInfo > ul > li {
	
}

.banner {
	float:right;
}