

body { background-color:#fff9ec; font:11px Verdana, Arial, Helvetica, sans-serif; }
body, h1, h2, h3, h4, p, form { margin:0; padding:0; }
p { margin-bottom:7px; }
p, li {  line-height:14px; }
img { border:0; }
th { text-align:left; width:100px; }
h1,h2 { font-family:Arial, Helvetica, sans-serif; color:#da7100; font-weight:normal; letter-spacing:1px; }
h1 { font-size:28px; }
h2 { font-size:18px; padding-top:10px; }
h2 a { color:#65620e; text-decoration:none; }
h2 a:hover { text-decoration:underline; }
h3 { font-weight:bold; font-size:11px; }
img { border:0; }

.clear { clear:both; }
.fullclear { display: block;	clear: both; width: 100%; height: 1px; margin: 0 0 -1px; font-size: 1px; line-height: 1px; }
.right { text-align:right; }

#outer-container1 { width:826px; margin:20px auto; /*border:1px solid #ccc83d;*/ padding-bottom:40px; }
#outer-container2 { border:4px solid #fae4b5; padding:10px 37px 0; background-color:white; }
#header { position:relative; height:279px; }
img#logo { position:absolute; left:570px; }

#flash-animTxt { position:absolute; left:0; top:0px; width:550px; height:70px; }
#flash-foto { position:absolute; left:0; top:124px; width:740px; height:155px; }

#menu-top { font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; width:100%; top:80px; left:0; }
#menu-top ul { margin:0; padding:0; }
#menu-top ul li { float:left; list-style:none; padding-right:2px; }
#menu-top ul li a { display:block; height:33px; color:white; text-decoration:none; padding:10px 0 0 15px; }
#menu-top ul li#kuvert a { background:url(/images/flik-vanster.png) no-repeat; width:164px; }
#menu-top ul li#emballage a { background:url(/images/flik-mitten.png) no-repeat; width:163px; }
#menu-top ul li#design a { background:url(/images/flik-hoger.png) no-repeat; width:364px; }
#menu-top ul li#kuvert a:hover { background:url(/images/flik-vanster-over.png) no-repeat; }
#menu-top ul li#emballage a:hover { background:url(/images/flik-mitten-over.png) no-repeat; }
#menu-top ul li#design a:hover { background:url(/images/flik-hoger-over.png) no-repeat; }

#breadcrumb { padding-top:2px; color:#da7100; font-weight:bold; color:#FF3B47;}
#breadcrumb a {  }

#main { width:740px; }
#index #main { padding-top:8px; }
#left { width:520px; float:left;  }
#left h2.cap { text-transform:uppercase; padding:0; letter-spacing:1px; }
#left h2.cap span { font-size:24px; letter-spacing:0 }
#left h3.cap { text-transform:uppercase; font-size:12px; color:#65620e; }
#left h3.cap span { font-size:18px; }

#index #main { margin-top:15px; }
#index #left h2.yellow { background:url(/images/h2-yellow.png) no-repeat; letter-spacing:0; margin-bottom:5px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:white; height:13px; padding:3px 0 5px 7px; }

/*#left #intro { float:left; width:348px; }*/
#left #intro-img { float:left; background:url(/images/intro-img.jpg) no-repeat; margin-left:7px; width:162px; height:99px; }
#left .column-left, #left .column-right { float:left; width:254px; }
#left .column-right { margin-left:10px; }

#icons { clear:left; height:52px;  padding-top:20px; }
#icons a.ikon { display:block; float:left; padding:10px 10px 0 0; width:52px; height:42px; }
#icons a#mail { background:url(/images/stor-ikon-kuvert.png) center no-repeat; }
#icons a#mail:hover { background:url(/images/stor-ikon-kuvert-ljus.png) center no-repeat; }
#icons a#e-handel { background:url(/images/stor-ikon-kundvagn.png) center no-repeat; }
#icons a#e-handel:hover { background:url(/images/stor-ikon-kundvagn-ljus.png) center no-repeat; }
#icons a#at { background:url(/images/stor-ikon-at.png) center no-repeat; }
#icons a#at:hover { background:url(/images/stor-ikon-at-ljus.png) center no-repeat; }
#icons a#telefon { background:url(/images/stor-ikon-telefon.png) center no-repeat; }
#icons a#telefon:hover { background:url(/images/stor-ikon-telefon-ljus.png) center no-repeat; }
/*
#left .promo { height:75px; }
#left .promo h2 { letter-spacing:0; text-transform:uppercase; font:18px Arial, Helvetica, sans-serif; color:white; margin:0; padding:14px 0 0 10px; }
#left .promo p { font:bold 15px Arial, Helvetica, sans-serif; padding:6px 0 0 10px; }
#left .promo a { color:white; }

#left #kundsupport-left { background:url(/images/kundsupport-254.jpg) no-repeat; }
#left #kundsupport-left p { padding-left:35px; }
#left #e-handel { background:url(/images/e-handel.png) no-repeat; }
#left #mail-handel { background:url(/images/mail-handel.png) no-repeat; }

#left .affomr { padding:10px 10px 0 120px; position:relative; height:110px; }
#left .affomr img { position:absolute; left:-10px; top:15px; }
#left .affomr .read-more { float:right; }
#left .affomr p { margin-bottom:5px; }
*/
#left .prodgrp { padding:0 10px 0 100px; position:relative; height:100px; background:url(/images/prodgrp.png) left bottom repeat-x; }
#left .prodgrp img { position:absolute; left:-10px; top:10px; }
#left .prodgrp .read-more { position:absolute; right:10px; bottom:10px; margin:0; }
#left .prodgrp p { margin-bottom:5px; }

#left .col { float:left; width:500px; }
#left .medarbetare { margin-bottom:20px; clear:left; }
#left .medarbetare img { float:left; margin:0 10px 10px 0; border:1px; }
#left .medarbetare h2 { padding-top:0; }

#left #prod-border { border:1px solid #dbdabf; background-color:#efefdb; padding:3px; margin-top:10px; }
#left #prod { background-color:#f8f8f8; padding:10px; }
#left #prod img { position:absolute; left:-34px; }
#left #prod #prodtop { position:relative; padding-left:200px; height:170px; }
#left #prod #prodbox { border:1px solid #d3d3d3; padding:10px 15px; background:url(/images/prodfakta.png) repeat-x; }
#left #prod #prodbox h2 { font-weight:bold; }
#left #prod #prod-description { padding:10px; }
#left #prod #prod-description h3 { border-bottom:1px solid #d3d3d3; line-height:15px; margin-bottom:2px; }

#right { width:210px; margin-left:10px; float:left; }
#right h2 { letter-spacing:0; font:18px Arial, Helvetica, sans-serif; color:white; margin:0; }

#right #kundsupport { background:url(/images/kundsupport.png) no-repeat; width:224px; height:75px; position:absolute; top:-7px; text-transform:uppercase; }
#right #kundsupport h2 {  padding:14px 0 0 10px; }
#right #kundsupport p { font:bold 15px Arial, Helvetica, sans-serif; padding: 6px 0 0 35px; }

#right #eshop { margin:-5px 0 10px 0; background:url(/images/kop-online.png) no-repeat; width:210px; height:55px; text-transform:uppercase; } 
#right #eshop p { padding:30px 0 0 63px; }

#right #menu-right { margin-bottom:10px; }
#right #menu-right ul { margin:0; padding:0; list-style:none; }
#right #menu-right ul li { margin:0; padding:0; font-weight:bold; }
#right #menu-right ul li a { background:url(/images/menu-right.png) no-repeat; display:block; height:14px; padding:3px 0 5px 20px; color:white; text-decoration:none; }
#right #menu-right ul li a:hover { background:url(/images/menu-right-hover.png) no-repeat; }
#right #menu-right ul li.attention a { background:url(/images/menu-right-attention.png) no-repeat; }
#right #menu-right ul li.attention a:hover { background:url(/images/menu-right-attention-hover.png) no-repeat; }

#right #menu-right ul li ul { display:none; }
#villkor #right #menu-right ul li ul#villkor { display:block; }
#provshop-och-showroom #right #menu-right ul li ul#provshop-och-showroom { display:block; }
#om-alos #right #menu-right ul li ul#om-alos { display:block; }
#produkter #right #menu-right ul li ul#produkter { display:block; }
#right #menu-right ul li ul li a { color:#9b6700; background:url(/images/menu-right-sub.png) repeat-y; display:block; height:12px; text-decoration:none; }
#right #menu-right ul li ul li a:hover { background:url(/images/menu-right-sub-hover.png) repeat-y; }

#right #offers { position:relative; background:url(/images/offers.png) left bottom repeat-y; }
#right #offers h2 { height:22px; text-transform:uppercase; padding:1px 0 0 10px; background:url(/images/h2-offers.png) repeat-x; }
#right #offers ul { padding:0 0 10px 5px; margin:10px 30px 20px 5px; list-style:none; }
#right #offers ul li { line-height:16px; margin:0; padding:0 0 12px 20px; background:url(/images/blixt.png) no-repeat; }
#right #offers #starkid { position:absolute; left:149px; top:-10px; width:97px; height:107px; background:url(/images/starkid.png) no-repeat; }

#right #easyfairs { padding:8px; border:3px solid #99CC00; }
#right #easyfairs img#easyimg { display:block; margin:0 auto; }
#right #easyfairs h2 { color:#719600; }

#footer { border-top:1px solid #dbdabf; margin-top:10px; }
#footer p { text-align:center; margin:3px 0; }

#dhtmltooltip { position: absolute; width: 100px; border:2px solid #E29600; padding:4px; background-color:#F2B846; visibility: hidden; z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0,direction=135);*/
}
