/**
 * Base style for whole site
 * @version  1.01
 * @author   Mikael Berggren @ Wyoming
 */

/** Remove all margin, padding and borders */
* { margin:0; padding:0; }
img { border:none; }

/** Basic font styles */
body, div, td, th, h1, h3, h4, h5 { font:normal 10px verdana; color:#000; }
a { text-decoration:none; color:#000; }
a.ul { text-decoration:underline; }
h1, h2 { font:normal 19px helvetica,arial,geneva,sans-serif; padding:5px 0; }
h2 { font-size:16px; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:12px; font-weight:bold; }
h5 { font-weight:bold; padding-top:4px; }
.red { color:#f00; }
.orange { color:#e73300; }
.big { font-size:14px; }
.large { font-size:12px; }
.bold { font-weight:bold; }
.license { text-align:center; margin:10px 0; }

body {
	background-image:url(../img/base/bg_fade.gif);
	background-position:top left; background-repeat:no-repeat;
	margin:20px 10px 10px 50px;
}

#sitecontainer { width:740px; }

/** Site menu */
#menu {
	border:1px solid #999; height:29px; margin:12px 0 2px 0;
	background-image:url(../img/base/bg_menu.gif); background-repeat:repeat-x;
	overflow:hidden;
}
#menu .leftmenu { float:left; width:450px; }
#menu .rightmenu { float:right; text-align:right; }
#menu a { height:29px; display:block; float:left; }

/** Submenu */
.submenu { display:none; position:absolute; width:95px; border:1px solid #999; border-top:none; z-index:999; }
.submenu a {
	display:block; height:19px; padding-left:6px;
	background-color:#f88929; border-bottom:1px solid #d60;
	color:#fff; line-height:18px;
}
.submenu a.act { font-weight:bold; }
.submenu a:hover { background-color:#faa55c; }


/** Topbox styles */
#topbox { height:auto; padding-left:30px; overflow:hidden; border:none; margin-bottom:10px; }
#topbox .text { float:left; width:450px; margin-top:30px; }
#topbox .text img.bestall { float:right; margin:2px 5px; }
#topbox .text.w400 { width:400px; }
#topbox .text.w430 { width:430px; }
#topbox .text.w600 { width:600px; }
#topbox .text.w700 { width:700px; }
#topbox .image { float:right; width:200px; margin:20px 20px 0 0; }
#topbox .image.w250 { width:250px; margin:20px 0; }
#topbox .table { border:1px solid #999; padding:10px 15px; width:350px; }
#topbox .table table td { width:170px;}


/** Loginbox */
.loginbox { float:left; width:140px; padding-right:30px; }
.loginbox .box input.t { width:122px; }
.loginbox .box { padding:0 5px; height:144px; }
#topbox .loginbox { float:right; margin-top:20px; }
#topbox .loginbox h4 { padding-bottom:7px; }


img.button, input.button { margin:10px 5px 5px 5px; }

/** Breaker for floating elements */
.breaker, .hrdotted, .hr { clear:both; height:1px; font-size:1px; }
.hr { border-top:1px solid #ccc; }
.hrdotted { border-top:1px dashed #ccc; }

/** Special elements */
#footer { border-top:1px solid #ccc; height:87px; text-align:right; margin-top:8px; }
#footer img { margin-top:5px; }
#calleshelp { float:right; width:150px; height:500px; overflow:hidden; }


/** 2 columns content */
.columns2 { float:left; width:562px; overflow:hidden; }
.columns2 .col1, .columns2 .col2 { float:left; width:275px; overflow:hidden; }
.columns2 .col2 { margin-left:12px; }
.columns2 .padd { padding:0 10px; text-align:justify; }

/** 3 columns content - right column smaller */
.columns3 { width:740px; overflow:hidden; }
.columns3 .col1, .columns3 .col2, .columns3 .col3 { float:left; width:275px; overflow:hidden; }
.columns3 .col3 { width:166px; }
.columns3 .col2, .columns3 .col3 { margin-left:12px; }

/** 3 columns even - all columns 235 px wide */
.columns3even { width:715px; overflow:hidden; margin-left:13px; }
.columns3even .col1, .columns3even .col2, .columns3even .col3 { float:left; width:235px; overflow:hidden; }
.columns3even .col2, .columns3even .col3 { margin-left:5px; }

/** 2 columns content with the left column 554px wide */
.columns2wide { width:740px; overflow:hidden; }
.columns2wide .col1 { float:left; width:554px; }
.columns2wide .col2 { float:left; width:166px; margin-left:20px; }

/** Background-fades for box and topbox */
.fyellow, .fblue, .fgrey, .fdarkgrey { background-repeat:repeat-x; background-position:top left; }
.fyellow { background-image:url(../img/base/fade_yellow.gif); }
.fblue { background-image:url(../img/base/fade_blue.gif); }
.fgrey { background-image:url(../img/base/fade_grey.gif); }
.fdarkgrey { background-image:url(../img/base/fade_darkgrey.gif); }

/** Border boxes */
.box {
	background-color:#fff; border:1px solid #999;
	background-repeat:repeat-x; background-position:top left;
}
.box.nohorz { border-top:none; border-bottom:none; }
.box.notop { border-top:none; }
.box.nobottom { border-bottom:none; }

.box.padd1 { padding:5px 0 0 7px; }
.box.padd2 { padding:5px 10px 0 10px; }
.box .text { padding:10px 20px 0 20px; }
.box.h170 { height:170px; }

.boxtop {
	height:30px; overflow:hidden; text-align:right; background-color:#fff;
	background-image:url(../img/border/top_554.gif);
	background-repeat:no-repeat; background-position:top left;
}
.boxtop.left { text-align:left; }
.boxtop div.prod { background-color:#fff; margin-right:20px; padding:0 2px; display:inline; }

.boxbottom {
	height:30px; text-align:right; overflow:hidden; background-color:#fff;
	background-image:url(../img/border/bottom_166.gif);
	background-repeat:no-repeat; background-position:top left;
}
.boxbottom img, .boxbottom input { margin:5px 4px 0 0; }
.boxbottom h4 { float:left; padding:3px 0 0 7px; }

/** Boxbottom overloads */
.columns2wide .col1 .boxbottom { background-image:url(../img/border/bottom_554.gif); }
.columns3 .col1 .boxbottom, .columns3 .col2 .boxbottom { background-image:url(../img/border/bottom_275.gif); }
.columns3 .col3 .boxbottom { background-image:url(../img/border/bottom_166.gif); margin-top:-1px; }
.columns3even .col1 .boxbottom, .columns3even .col2 .boxbottom, .columns3even .col3 .boxbottom { background-image:url(../img/border/bottom_235.gif); margin-top:-1px; }
.columns3 .box img.right { float:right; margin:10px 16px 0 0; }
.field .boxbottom { background-image:url(../img/border/bottom_375.gif); margin-top:-1px; }
.field.w300 .boxbottom { background-image:url(../img/border/bottom_300.gif); margin-top:-1px; }

/** Table with 3 offers */
table.offertbl { border:1px solid #999; width:100%; }
table.offertbl td { padding:5px 12px; }
table.offertbl img.butt { margin-top:5px; }
table.offertbl img.phone { float:left; margin-right:15px; }


/** Border bar */
.borderbar { border:1px solid #999; padding:0 20px; line-height:28px; }
.borderbar .right { float:right; }

/** Right side box */
.rightbox { border:1px solid #999; }
.rightbox div { padding:6px 0 6px 6px; }
.rightbox .redhead { color:#fff; background-color:#f30; font-weight:bold; }
.rightbox .redhead.img { text-align:center; padding:3px 0; }
.rightbox .greycol {
	background-color:#f7f7f7; padding:4px 0 5px 5px;
	border-top:1px solid #ccc;
}
.rightbox .dotborder { border-bottom:1px dashed #ccc; }
.rightbox .center { text-align:center; }
.rightbox table {}
.rightbox table td { padding:0 1px; }
.rightbox table td.r { text-align:right;}
.rightbox table th { font-weight:bold; padding:9px 0 3px 4px; text-align:left; border-bottom:1px solid #999; }

.rightbox img.pic { float:right; margin-right:8px; }
.rightbox img.bestall { float:right; margin:-4px 8px 0 0; }

/** Rightbox for columns3even */
.columns3even .rightbox table { padding:0; margin:0; width:233px; border-collapse:collapse; }
.columns3even .rightbox td { padding:2px 3px 2px 8px; background-color:#f7f7f7; }
.columns3even .rightbox td.r { padding-right:0; }
.columns3even .rightbox .first td { padding-top:5px; }
.columns3even .rightbox .last td { padding-bottom:5px; }
.columns3even .rightbox .redhead.img { padding:0; border-bottom:1px solid #999; background-color:#f30; }


/** Offer bar in the bottom of the page */
.offerbar { height:30px; margin:8px 0 -8px 0; overflow:hidden; }
.offerbar .col1, .offerbar .col2 {
	float:left; width:369px; height:30px;
	text-align:center; font:normal 12px helvetica,arial,geneva,sans-serif; line-height:30px;
	background-image:url(../img/base/bg_bar_orange.gif); background-repeat:repeat-x;
}
.offerbar .col2 { margin-left:2px; background-image:url(../img/base/bg_bar_yellow.gif); }
.offerbar a.ul { font-weight:bold; }


/** Flikar */
.flikar {
	height:24px; overflow:hidden; margin-bottom:1px;
	background-image:url(../img/base/flik_bg.gif); background-repeat:repeat-x;
	background-position:bottom left;
}
.flikar.cols2 { width:562px; }
.flikar div {
	float:left; width:auto; height:24px; text-align:left; margin:0; padding:0;
	background-image:url(../img/base/flik.gif);
	background-repeat:no-repeat; background-position:top right;
}
.flikar div.right { float:right; }
.flikar div.act { font-weight:bold; background-image:url(../img/base/flik_act.gif); }
.flikar div a {
	display:block; float:left; padding:6px 16px 0 8px;
	background-image:url(../img/base/flik_left.gif);
	background-repeat:no-repeat; background-position:top left;
}
.flikar div.act a { background-image:url(../img/base/flik_left_act.gif); }


/** Order formular */
.inner { padding-left:10px; }
.inner2 { padding:0 30px 0 15px; }
.order { margin-top:10px; }
.order table {
	float:left; width:290px;
	border:none; border-collapse:collapse;
	padding:0; margin:0;
}
.order table td { padding:1px 0; width:145px; }
.order table .toppadd td { padding-top:10px; }
.order table input {
	font:normal 10px verdana; color:#000;
	width:123px; border:1px solid #000;
	border-right-color:#e0e0e0; border-bottom-color:#e0e0e0;
}
.order input.wide { width:258px; }
.order input.w90 { width:83px; }
.order input.w20 { width:20px; }

.order .rightform { float:left; width:250px; margin:0; padding:0; }
.order .rightform fieldset { padding:8px; border:1px solid #999; margin-top:10px; }
.order .rightform fieldset legend { font-weight:bold; padding:0 2px; }


/** Fieldset */
.field { width:375px; }
.field.w300 { width:300px; }
.field.float { float:left; }
.field fieldset { border:1px solid #999; padding:8px 10px; }
.field fieldset legend { padding:0 2px; }
fieldset input.t, fieldset select {
	font:normal 10px verdana; color:#000;
	border:1px solid #000; border-right-color:#e0e0e0; border-bottom-color:#e0e0e0;
}
.field .cardmenu { margin-top:15px; }
.field .cardmenu a { margin-right:15px; }
.field .carddate td { padding-right:5px; }
.infotext { float:left; margin-left:30px; width:270px; }

/** Fieldset for FAQ */
fieldset.faq legend { font-size:14px; font-weight:bold; padding:0 2px 5px 2px; }
fieldset.faq { padding:10px 15px 15px 15px; border:1px solid #999; }

.puffpics { padding:10px 0 10px 25px; }
.puffpics img { margin-right:10px; }


/** Listing of subjects on customer care */
table.list { width:100%; border:none; border-collapse:collapse; }
table.list td {
	font-size:12px; font-weight:bold; padding:4px 0px 4px 20px;
	background-image:url(../img/base/raquo.gif);
	background-position:10px 50%; background-repeat:no-repeat;
}
table.list .odd td { background-color:#ffc; }


/** Admin styles */
table.userinfo, table.faktura { border:none; border-collapse:collapse; }
table.userinfo td, table.faktura td { padding:2px 10px 2px 0; }
table.userinfo th, table.faktura th { padding:2px 10px 2px 0; width:130px; text-align:left; font-weight:bold; }
.userinfo, .userinfo td, .userinfo th { color:#666; }
table.byta td { width:250px; vertical-align:top; }
table.byta td select { margin:2px 0; width:120px; }

/** Invoice list */
table.faktura { width:550px; margin:20px 0 10px 0; }
table.faktura td, table.faktura th { padding:2px 0 2px 5px; }
table.faktura td.r { text-align:right; padding:2px 6px 2px 0; }
table.faktura tr.odd td, table.faktura tr.odd th { background-color:#f7f7f7; }
table.faktura th { font-weight:bold; text-align:left; }


/** Contact */
.askus table td,  table.contact td { vertical-align:top; }
.askus table { border:none; border-collapse:collapse; }
.askus table td { padding:10px 0 0 0; }
.askus textarea { width:365px; height:110px; overflow:auto; }
.askus input.t { width:145px; }
.askus select { width:145px; }

table.contact td { width:175px; }