body { background:url(../images/bg.jpg) repeat-x #fff; font-family: arial, helvetica; font-size: 0.80em; color:#555; text-align:center; margin:10px; }
a, a:hover, a:visited { color:#4c4c4c; }
img { border: 0; }


h1 { font-size: 24px; font-family:arial; font-weight:normal; color:#555555; line-height: 27px; margin: 0 0 15px 0; }
h2 { font-size: 20px; font-family:arial; font-weight:normal; color:#555555; margin:10px 0 5px 0; }
h3 { font-size: 20px; color:#555555; font-weight:normal; }
h4 { font-size: 16px; color:#666; font-weight:normal; border-bottom:1px solid #ccc; margin:20px 0px 0px 0px; line-height:24px; }
h5 { font-size: 14px; color:#fff; font-weight:bold; font-family:tahoma; background:url(../images/bg_leftmenutop.gif) repeat-x; line-height:40px; margin:0px; padding:0px 0px 0px 10px;  }

.logo { float:left; width:160px; margin:0px 0px 0px 0px; padding-bottom:13px; }
.loggedin { float: left; margin-right: 15px; margin-top:20px;}

/* Site */
#site { position:relative; width:980px; margin:0 auto; text-align:left; }
#top { margin:0px;  }
#top .space { padding:0px 10px; margin:0px; }
#content { background:#b4ac94; border:10px solid #b4ac94; }
#left { float:left; width:180px; }
#center { float:left; width:780px; line-height:18px; background:#b4ac94; }
#center .space { float:left; padding: 20px; }
#right { display:none; }
#bottom { background:url(../images/bg_bottom.gif) repeat-x #cbc2a4; width:980px; height:31px; color:#555; font-size:11px; }
#bottom .space { padding:10px; text-align:center; width:100%; }
.public #left { display:none; }
.public #left .space {  }
.public #center { float:left; width:550px; background:#d0c8ab; }
.public #right { display:inline; float:right; width:400px; background:#d0c8ab; }
.public #right .space { padding:0px; }

/* Custom */
/* #splash { display:none; } */
#cart { background:url(../images/bg_cart.gif) repeat-x #cac1a3; border-bottom:10px solid #b4ac94; }
#clientlogin { background:url(../images/bg_clientlogin.gif) repeat-x top #d0c8ab; width:100%; }
#clientlogin .space { padding:25px 20px 20px 20px; }

/* Menu */
#menu { float:right; text-align:right; margin-top:65px; }
#menu ul { list-style:none; margin:0px; padding:0px; font-family:tahoma; font-size:13px; width:720px; }
#menu li { display:inline; }
#menu li a, #menu li a:hover { background:url(../images/bg_menu.gif) repeat-x #6d8234; line-height:35px; padding:10px 15px; margin-left:0px; color:#fff; font-weight:bold; text-decoration:none; }
#menu li a:hover, #menu li.active a { background:url(../images/bg_menu_active.gif) repeat-x #6d8234; }
#menu li.first a { }
#menu li.last a { }

#submenu ul { list-style:none; padding:0px; margin:0px; }
#submenu li { border-bottom:1px solid #495823; font-family:tahoma; font-size:11px; }
#submenu li a { padding:5px 0px 5px 22px; background:url(../images/arrow_expand.gif) no-repeat left #566729; color:#fff; font-weight:bold; display:block; text-decoration:none; }
#submenu li.active a, #submenu li a:hover { background:url(../images/arrow_collapse.gif) no-repeat left #d1c9ac; color:#555; }
#submenu li.first {  }

#submenu ul li ul li { background:#566729; padding-left:0px; }
#submenu ul li ul li a { background:none; padding:0px 10px 3px 30px; display:block; text-decoration:none; border:0px; font-size:11px; font-weight:normal; }
#submenu ul li.active ul li a, #submenu ul li ul li a:hover { background:none; color:#fff; }
#submenu ul li.active ul li a {font-weight:bold; }
#submenu ul li ul li.first { border-top:0px; }

#user-menu { float: right; }
#user-menu ul { list-style: none; margin: 0; padding: 0; }
#user-menu li { float: left; border-right: 1px solid #555; }
#user-menu li.last { border: 0; }
#user-menu li a { padding: 0 5px; }


table { font-size:12px; }
th { text-align:left; margin:0px; padding:0px; }

.breadcrumb { margin:10px 0px 0px 20px; font-size:10px; }
.breadcrumb ul { list-style:none; padding:0px; margin: 0 0 0 0px; display:inline; }
.breadcrumb li { display:inline; background:url(../images/breadcrumb_spacer.gif) no-repeat right; padding:0px 5px 0 0px; }
.breadcrumb li.last { background: none; }
.breadcrumb li a, .breadcrumb a:hover, .breadcrumb a:visited { font-size:11px; color:#555; }
.breadcrumb li.last a, .breadcrumb li.last a:hover, .breadcrumb li.last a:visited { color: #555; text-decoration:none; }

.public #center .breadcrumb { display:none; }




/* Element ****************************************************************************************************************/
form { margin:0px; }
input, select, checkbox, textarea, radio {  }
textarea { font-family: Arial; font-size:12px; }
input.submit { padding:1px;background:#006600; color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase; border:1px solid #2B8200; cursor:pointer; }
label { }

table.list { border:0; padding:0; margin: 0; border-collapse:collapse; width: 100%; }
table.list th { background: /* url(../images/th_bg.jpg)*/ #566729 repeat-x;  color:#fff; padding:3px; }
table.list td { padding:3px 3px; border-bottom:2px solid #b4ac94; }
table.list tr { background:#cac1a3; }

table.list { border:0; padding:0; margin: 0; border-collapse:collapse; width: 100%; }
table.list table th { background: none;  color:#fff; padding:3px; }
table.list table td { padding:1px 1px; border-bottom:0px; }
table.list table tr { background: none; color: #FFF; }

.ingress { color:#555; font-size:14px; line-height:20px; display:block; margin-bottom:15px; }
img { border: none;}
img.thumbnail { }
.article-info { display: none; }
.artnr { font-size: 0.85em; color: #8a8a8a; }


/*************************************************************************************************************************/

/* TEMPLATES */

/* article-one */
div#onearticle { width:100%; }
div#onearticle td { vertical-align:top; }
div#onearticle div.ingress, div#headandlist div.ingress { }
div#onearticle div.text, div#headandlist div.text { }
div#onearticle img.articleimage, div#headandlist img.articleimage { margin: 10px 0; display: block;}
div#onearticle img.left, div#headandlist img.left { float:left; margin: 0 10px 5px 0;}
div#onearticle img.right, div#headandlist img.right { float:right; margin:  0 0 5px 10px;}
div#onearticle div.article-info, div#headandlist div.article-info { margin: 0 0 0px 0; border:1px solid #CED9C8; float:right; }
div#onearticle div.article-info .space, div#headandlist div.article-info .space { padding:5px; }
div#onearticle div.article-info ul, div#headandlist div.article-info ul { display:block; margin:0px; padding:0px; }
div#onearticle div.article-info li, div#headandlist div.article-info li { display:block; margin:0 10px 0 0; }

div#onearticle div.text th, div#headandlist div.text th { background: url(../images/th_bg.jpg) #05286c repeat-x; color:#fff; text-align: left; border-bottom: 1px solid #05296e; padding: 5px 10px 5px 5px;  }
div#onearticle div.text td, div#headandlist div.text td { text-align: left; border-bottom: 1px solid #ccc; padding: 5px 10px 5px 5px; color: #05296e;}
div#onearticle div.text tr, div#headandlist div.text tr { background: url(../images/tr_bg.jpg) #fff repeat-x; }

div#onearticle div.text tr.off, div#headandlist div.text tr.off, div#onearticle div.text td.off, div#headandlist div.text td.off, div#onearticle div.text table.off td, div#onearticle div.text table.off tr,
tr.off, td.off, table.off tr { background: none; }
div#onearticle div.text table { width: 100%; }



/* standard */
div#standard { width: 100%; margin-top:-5px; }
div#standard h1 {  }
div#standard div.odd, div#standard div.even { padding:0px; padding:10px 0px 10px 0px;margin:0 0 2px 0; border-bottom:1px solid #ccc; }
div#standard div.even { }
div#standard img.thumbnail { float:left; margin:0 10px 20px 0; }
div#standard h3 { font-size:14px; margin:0px; }
div#standard .ingress { font-size:12px; color:#444; line-height:16px; }
div#standard .date { font-size:12px; color:#444; float:left; line-height:16px; }
div#standard div.article-info { display: none; margin:0 10px 10px 0; color:#666; }
div#standard a.readmore, div#standard a.radmore:hover, div#standard a.readmore:visited { display:block; margin:0px 0 0 0; background:url(../images/arrow.gif) no-repeat; padding:0px 0px 15px 15px; font-weight:bold; }


/* headerlist */
div#headerlist { width:100%; }
div#headerlist .a, div#headandlist .a { }
div#headerlist .b, div#headandlist .b { text-align: right; }
div#headerlist a, div#headerlist a:hover, div#headerlist a:visited, div#headandlist a, div#headandlist a:hover, div#headandlist a:visited { background:url(../images/arrow.gif) no-repeat; padding:1px 0px 5px 15px; font-weight:normal; font-size:14px; display:block; }
div#headerlist h1 { margin-bottom:10px; }
div#headerlist table.list { width:95%; border:0; padding:0; border-collapse:collapse; }

/* headandlist */
div#headandlist h3 { margin-top: 40px; } /* satter avstand fran overliggande template */

div#webshop-product  { float: left; width: 730px; }
div#webshop-product img { border:3px double #cac1a3; }
div#webshop-product .ingress { }
div#webshop-product .artnr { font-size:14px; padding-right:20px; color:#555; }
div#webshop-product .price { font-size:14px; font-weight:bold; margin-bottom:10px; }
div#webshop-product form { margin-top:20px; }
div#webshop-product input.quantity { width:40px; }

/* webshop-imagecols */
div#webshop-imagecols { margin: 0; padding: 0; }
div#webshop-imagecols .product_price { font-size: 14px; font-weight: bold; }
div#webshop-imagecols .productbox { background-color: #d1c9ac; width: 176px; height: 220px; overflow: hidden; float: left; margin: 4px; }
div#webshop-imagecols .productbox .productimage { margin: 8px; width: 160px; height: 120px; overflow: hidden; position: relative; }
div#webshop-imagecols .productbox .productimage .productbought { position: absolute; width: 160px; height: 30px; left: 0px; bottom: 0px; background: #000; color: #fff; padding-top: 5px; text-align: center; display: none; }
div#webshop-imagecols .productbox .productinfo .productbuy { width: 80px; height: 20px; left: 0px; bottom: 0px; text-align: center; }
div#webshop-imagecols .productbox .productinfo .productbuy .productbuyantal { float: left; font-size: 11px; width: 30px; height: 22px; }
div#webshop-imagecols .productbox .productinfo .productbuy .productbuykop { float: left; }
div#webshop-imagecols .productbox .productinfo { font-size: 11px; width: 160px; margin: 8px; }
div#webshop-imagecols .productbox .productinfo SPAN.header { float: left; font-size: 12px; font-weight: bold; height: 36px; overflow: hidden; }

div#webshop-imagecols div#pagination { text-align: middle; height: 20px; width: 100%; margin-left: 8px; margin-top: 4px; }
div#webshop-imagecols div#pagination TD { padding: 3px; font-weight: bold;  }
div#webshop-imagecols div#pagination .icon { padding-left: 20px; }
div#webshop-imagecols div#pagination .info { float: left; color: #650004; font-weight: bold; margin-top: 25px; }
div#webshop-imagecols div#pagination .nav { float: left; padding-left: 10px; }
div#webshop-imagecols div#pagination .nav table { width: auto; }
div#webshop-imagecols div#pagination .nav td { padding: 0 2px; }
div#webshop-imagecols div#pagination .nav td a { color: #FFFFFF; text-decoration: underline; }
div#webshop-imagecols div#pagination .nav td a.on { color: #650004; text-decoration: none; }



div#webshop-cart { }
div#webshop-cart td.a { width:100px; }
div#webshop-cart td.c { width:70px; text-align:right; padding-right:30px; }
div#webshop-cart td.d { width:40px; }
div#webshop-cart td.d input { width:30px; }
div#webshop-cart td.e { width:30px; text-align:center; }
div#webshop-cart tr.total td.a { font-weight:bold; }
div#webshop-cart tr.total td.c { font-weight:bold; }
div#webshop-cart tr.total td.d { font-weight:bold; }
div#webshop-cart .button { margin-top:10px; }

div#webshop-checkout { }
div#webshop-checkout .message { width:500px; background:#cac1a3; border:2px dotted #cac1a3; padding:10px; margin-bottom:20px; }
div#webshop-checkout td.f { width:40px; }

div#webshop-search { }
div#webshop-search label { display:block; margin-top:10px; font-weight:bold; }
div#webshop-search input.button { display:block; }

/* kassa */
INPUT.kassaamount { float:left; }
IMG.progressBar { display:none; float: left; margin-top: 3px; width: 16px; height: 16px; margin: 0 0 0 5px; }




div#sitemap { width:100%; }
div#sitemap ul { margin:0px; padding:0px; list-style:none; }
div#sitemap ul li a { display:block; text-decoration:none; font-size: 16px; color:#666; font-weight:normal; border-bottom: 1px solid #333; margin:20px 0px 0px 0px; line-height:24px; }

div#sitemap ul li ul { padding-left:20px; }
div#sitemap ul li ul li a { display:inline; background:none; font-weight:bold; color:#666; border:0px; font-size:13px; line-height:18px; }

div#sitemap ul li ul li ul { padding-left:20px; }
div#sitemap ul li ul li ul li a { display:inline; background:none; text-decoration: none; font-weight:normal; color:#666; }

div#sitemap ul li ul li ul li ul { padding-left:40px;  }
div#sitemap ul li ul li ul li ul li a { font-style:italic;  }
div#sitemap a { }

div#news { width:100%; }
div#news ul { margin:0px; padding:0px; list-style:none; }
div#news ul { list-style:none; margin:20px 0px 0px 0px; padding:0px; }
div#news ul li { background:url(../images/arrow.gif) no-repeat; padding:0px 0px 15px 15px; }
h3 { font-size:12px; margin:0px; text-decoration:none; }

/* Language box */
div#top .language { float:right;  width:170px; height:30px; margin-top:15px;}
div#top .language ul.selected {position: absolute; z-index: 102; top: 0px; width: 170px;  padding: 0;list-style-type: none; background:url(../images/lang_select_box.png) no-repeat top left;}
div#top .language ul.options { position: absolute; z-index: 101; top: 21px; width: 168px; background-color:#f5f1e4; padding: 0; border: 1px solid #b4ac94; /*display: none;*/ list-style-type: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

/*div#top .language ul.options li {display:none; width:168px; border-bottom: 1px solid #b4ac94;}*/
div#top .language ul.options li.last { border-bottom: 0px; }
div#top .language ul.options li.first { padding-top: 10px; }
div#top .language ul.options {display:none;}

div#top .language ul li { float: left; clear: both; width: 100%; }
div#top .language ul li a { float: left; width: 100%; font-weight:bold; text-decoration:none; background-repeat: no-repeat; background-position: 10px 10px; }
div#top .language ul li a span { float: left; cursor: pointer; }
div#top .language ul.selected li a { background-position: 10px 9px; }

div#top .language ul.options li a span { padding:10px 0 10px 30px; }
div#top .language ul.selected li a span { padding:7px 0 10px 30px; }

div#top .language ul.options li a:hover {background-color: #e5e0c5; }
div#top .language ul.options li.se a {background-image:url(../images/ico_se.png); }
div#top .language ul.options li.fi a {background-image:url(../images/ico_fi.png); }
div#top .language ul.options li.en a {background-image:url(../images/ico_uk.png); }

div#top .language ul.selected li.se a {background-image:url(../images/ico_se.png); }
div#top .language ul.selected li.fi a {background-image:url(../images/ico_fi.png); }
div#top .language ul.selected li.en a {background-image:url(../images/ico_uk.png); }



div#top .top-right {float: right;}