@import "reset.css";


/* CSS Tweaks */
* {padding:0;margin:0;}
a img {border:0;}
.clear {clear:both;}
a {text-decoration:none; color:#444;}
p {padding-bottom:10px;}

body {background:#9eadae url(bg000000.gif) repeat-x top;color:#101010;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:16px;
	}
	
a{color:#1573b7;text-decoration:underline;}
a.important{font-weight:normal;text-decoration:underline;}
a:visited{color:#1573b7;}
a.important:visited{color:#1573b7;}
a:hover,a.important:hover,a:active{color:#1573b7;text-decoration:underline;}
li a{text-decoration:none;}
a img{border:0 none;}
h2{font-size:24px;letter-spacing:-0.025em;margin-bottom:15px;font-weight:bold;}
h1{clear:both;color:#222222;font-family:Helvetica,Arial,sans-serif;font-size:29px;font-weight:normal;letter-spacing:-0.5px;line-height:1.05em;margin:0;padding:0;}
h3{font-size:24px;letter-spacing:-0.025em;margin-bottom:15px;}
h2 img,h3 img{float:none;margin:0;padding:0 0 10px;}
h4{font-size:18px;margin-bottom:10px;}
h5{font-size:16px;}
h1,h2,h3,h4,h5{clear:both;color:#333;font-weight:bold;}
strong{font-weight:bold;}
table{line-height:1.25em;}
code{background-color:#f2f2f2;border:1px solid #ddd;border-width:1px 0;color:#444;display:block;font-family:"courier new",courier,monospace;font-size:12px;margin:1em 0 1.5em;padding:1em;}
pre{background:#ffe none repeat scroll 0 0;border:1px solid #555;display:block;font-family:"courier new",courier,monospace;font-size:12px;overflow:auto;padding:10px;}
pre code{border:0 none;margin:0;padding:0;}
acronym{border-bottom:1px dotted #999999;}

p,ul,ol,dl,blockquote{line-height:1.5em;margin-bottom:25px;}
li{margin-bottom:10px;}


.wrapper {width:980px;margin:auto;overflow:hidden;}

.toplinks {margin-left:8px;height:30px;line-height:30px;} /* background:url(cards000.png) no-repeat right center;*/
.toplinks a {color:#586464;font-weight:bold;padding:0 8px 0 8px;border-left:1px dotted #9eadae;font-size:11px;}
.toplinks a:hover {color:#8e9a9a;text-decoration:underline;}
.toplinks a:first-child {padding-left:0;border:0}

#headercontainer {width:980px;background:#FFF;margin:0;height:100px;padding:0px;position:relative;}
.header {width:920px;background:#FFF;margin-left:30px;margin-top:30px;height:60px;position:absolute;border-bottom:1px solid #ddd;}
  

.menu li:first-child a:hover {background:url(menu_bg_.gif);}

.selector {position:absolute;bottom:85px;left:410px;}
.selector li {list-style:none;float:left;margin-right:12px;}
.selector li a {display:block;height:25px;background:url(select_r.gif) no-repeat top right;padding-right:12px;color:#839393;font-weight:bold;line-height:25px;float:left;font-size:11px;outline:none;}
.selector li span {background:url(select_l.gif) no-repeat top left;height:25px;display:block;padding-left:12px;float:left;}
.selector .active {background:url(select_s.gif) no-repeat top right;color:#718181;}
.selector .active span {background:url(select_m.gif) no-repeat top left;}
.selector li span:hover {cursor:pointer;}

}
.omtalecontainer {
	FONT-SIZE: 10px; 
	COLOR: #291e3e; 
	margin-bottom:10px;
	/*BACKGROUND: #fef1cf*/
}
.omtale {
	FONT-SIZE: 12px; 
	line-height:12px;
	COLOR: #291e3e; 
	margin-bottom:10px;
}
.omtalenavn {
	FONT-SIZE: 10px; 
	COLOR: #291e3e; 
	font-weight:bold;
	text-align:right;
}

.greyTR {
	FONT-SIZE: 11px; 
	BACKGROUND: #eaeaea; 
}

.content {background:#fff;padding:0px;padding-left:30px;padding-top:0;position:relative;width:950px;overflow:auto;}

.content_textpage
{
	width: 920px;   
	margin: 0; 
   position: relative;   
	background:#fff;
	margin-bottom:10px;
}


.cbottom {width:980px;height:89px;background:url(content0.gif);font-size:1px;}
.cbottom-small {width:980px;height:7px;background:url(content1.gif);font-size:1px;}
 

#butikker img { padding-right:10px;}

.right {width:300px;float:right;padding:0 10px;overflow:hidden;position:relative;background:url(side_top.gif) no-repeat top left;padding-top:20px;}




#footer_features_wrap{background:#333333 url(450x165.jpg) repeat-x scroll left top;clear:both;width:100%;margin-top:30px;}
#footer_software_list_wrap{background-color:#222222;width:100%;}
#footer_navigation_wrap{background-color:#010101;width:100%;}
#footer_features,#footer_software_list,#footer_navigation{clear:both;color:#FFFFFF;font-size:12px;margin:0 auto;overflow:hidden;}
#footer_features a,#footer_software_list a,#footer_navigation a{color:#eee;}
#footer_software_list a,#footer_navigation a{text-decoration:none;}
#footer_features a:hover,#footer_software_list a:hover,#footer_navigation a:hover{color:#eacc78;text-decoration:underline;}
#footer_features h3,#footer_software_list h3{color:#FFFFFF;font-size:20px;padding-top:0;}
#footer_features{padding:60px 40px 30px;width:880px;}
#short_story{display:inline;float:left;padding:0 20px 20px 0;width:420px;}
#short_story,#important_stuff{border-right:1px solid #444;}
#important_stuff,#freshest_brew{display:inline;float:left;width:190px;}
#important_stuff{padding:0 19px;}
#freshest_brew{padding:0 0 0 19px;}
#footer_software_list{color:#FFFFFF;padding:30px 0px 30px 40px;width:920px;}
#footer_software_list ul{float:left;}
#footer_software_list ul li{display:inline;float:left;margin-right:40px;width:190px;}
#footer_navigation{color:#FFFFFF;padding:15px 40px;width:880px;}
#footer_navigation li{border-right:1px solid #FFFFFF;display:inline;margin-left:3px;padding-right:3px;}
#footer_navigation #copyright{border-right:0 none;padding-right:0;}




.schemabody {padding:0;margin:20px;color:#333;background:#fff;font:12px arial,verdana,sans-serif;text-align:center;}
 

#container{padding:1em;width:650px;text-align:left;}p#fm-intro{margin:0;}
 
 
#dock{
	position: absolute;
	margin: 0 auto;
	bottom: 76px;
	left: 37.5%;
	min-width: 20px;
	max-width: 400px;
	z-index: -499;
}

#dock img{
	float: left;
}

 

 
#intro {
    padding-bottom: 10px;
}


p{
	margin-top:8px;
	margin-bottom:8px;
}
#maincontainer
{
	margin: 0px auto; 
	width:100%;
}
 
#productcontainer 
{
	width: 920px;   
	margin: 0; 
   position: relative;   
	height: 380px;
	background:#fff;
	margin-bottom:10px;
}

#slider {
    width: 920px;
    margin: 0;
    position: relative;    
    height:380px;       
}


#controlpanel {
		width: 100%;
	bottom: 0px;
	margin-top:10px;
	position: absolute;
	left: 0px;
	height: 100px;
	background: url(panel-bg.gif);
	z-index:-500;
}




.details {
	line-height:18px;
}

.scroll {
    height:350px;
    width: 920px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
 
    
/*    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer div.panel {
    padding:0px;     
    height: 350px;
    width: 920px;     
      
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#thumbs {
    width: 400px;
    margin: 0 auto;
    position: relative;   
}

#separator {
    width: 860px;
    margin: 0 auto;
    position: relative;   
    height:2px;
    border-bottom:1px solid #ccc;
}


ul.navigation {
	
    list-style: none;
    /*margin: 0;
    padding: 0;
    /*
    /**/
    height:22px;
    padding-top: 8px;
   margin-left:0px;
         

}

ul.navigation li {
	
    display: inline;
    /*margin-right: 10px;*/
    
}

 

ul.navigation a {
 
 
    padding-right: 0px;
color:#1573b7;text-decoration:underline;
 
    
}

ul.navigation a:hover {
    /* background-color: #f6f6f6;*/ 
    text-decoration:underline;
}

ul.navigation a.selected {
    /* background-color: #fff;*/
}

ul.navigation a:focus {
    outline: none;
}


/* carousel */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 420px;
    height: 206px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFF;
    border: 1px solid #FFF;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 840px;
    padding: 0px 40px;
    
}
 
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  840px;
    height: 206px;
 
}

 

.jcarousel-skin-tango .jcarousel-item {
    width: 420px;
    height: 206px;    
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

 

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 83px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 83px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
  

 #shop123_menucontent 
{
	
background-color:#FFFFFF;
padding:0px;
margin:0px;
border:0px;
margin:0px;  
height:28px;
text-align:left; 
margin-left:auto; 
margin-right:auto;

}

#shop123_menucontent #shop123_menupadding 
{  
padding:0px 0px 0px 0px;  
margin-left:30px;
background-color:#FFFFFF;
display:block;
float:left;
position:absolute;
}

#shop123_menucontent #shop123_menupadding #shop123_menumain 
{ 
background-color:#FFFFFF;
display:block;
overflow:hidden;
clear:left;  
float:left;
_overflow:none; 
}


#shop123_menucontent #shop123_menu 
{
padding:0px; 
display:block;
font-family: Verdana,sans-serif;
}

.shop123_mainMenu 
{
display:block;
margin:0px;
padding:0px; 
}

.shop123_mainMenu .shop123_tableContainer 
{
float:left; 
width:940px;
height:28px;
overflow:hidden;
}

.shop123_mainMenu table 
{
font-family:Verdana,sans-serif;
font-size:11px;
width:920px; /*898px;*/
height:100%;
margin:0px;
padding:0px;
border:0px;
border-collapse:collapse;
text-align:center;
float:left;margin-right:1px;
}


.shop123_mainMenu td 
{
background:url('shop123_menu02.gif') #FFC809 repeat-x 0px 0px;
/*border-right:#FFFFFF solid 1px;*/
padding:0; 
}

td.shop123_menuspacer 
{
width:1px;
border-right:#FFFFFF solid 1px;
padding:0; 
}


.shop123_mainMenu td a 
{
color:#ffffff;font-size:11px;
font-weight:bold;
display:block;
line-height:28px;
width:100%;
text-decoration:none;
}

.lasttd
{
background:url('shop123_menu02.gif') #FFC809 repeat-x 0px 0px;
padding:0; 
}

.shop123_mainMenu td a:link, .shop123_mainMenu td a:visited, .shop123_mainMenu td a:active 
{
color:#ffffff;
}

.shop123_mainMenu td a:hover 
{
background:#FF9209 url('shop123_menu01.gif') repeat-x 0px 0px;
}


.shop123_mainMenu .allProducts a:link, .shop123_mainMenu .allProducts a:visited, .shop123_mainMenu .allProducts a:active, .shop123_mainMenu .allProducts a:hover 
{
color:#FFFFFF;
border-right: 0px;
}


h2#hs-headline { font-size:26px !important; margin:0; padding:0 0 10px;}

.overview{clear:both;margin-bottom:3em;}
.overview .screenshot_description{display:inline;float:left;width:440px;margin:0 20px 20px 0;}
.overview #screenshot{float:left;margin:0 0 0 0px;text-align:right;width:460px;}

.overview .screenshot_description_bigger{display:inline;float:left;width:490px;margin:0 20px 20px 0;}
.overview #screenshot400{float:left;margin:0 0 0 0px;text-align:right;width:400px;}
.overview #screenshot a{display:block;}
.overview #screenshot img{ }

#fullwidth
{
	width: 920px;   
	margin: 0; 
   position: relative;   
	
	
	margin-bottom:4px;
}

table#comparison_chart{border:1px solid #ddd;border-collapse:collapse;clear:both;margin-bottom:25px;margin-left:4px;width:100%;}
table#comparison_chart th{background:#fff none repeat scroll 0 0;color:#444;font-weight:bold;font-size:13px;padding:3px 10px;text-align:center;white-space:nowrap;}
table#comparison_chart th a{color:#060;}
table#comparison_chart td{border:1px solid #ddd;padding:3px 10px;text-align:center;font-size:12px;}
table#comparison_chart .f{text-align:left;}


table#comparison_chart2 {border:1px solid #ddd;border-collapse:collapse;clear:both;margin-bottom:25px;margin-left:4px;width:700px;}
table#comparison_chart2 th{background:#fff none repeat scroll 0 0;color:#444;font-weight:bold;font-size:13px;padding:3px 10px;text-align:center;white-space:nowrap;}
table#comparison_chart2 th a{color:#060;}
table#comparison_chart2 td{border:1px solid #ddd;padding:3px 10px;text-align:center;font-size:12px;}
table#comparison_chart2 .tableheaderleft{background-color:#ccc;font-weight:bold;color:#444;text-align:left;}
table#comparison_chart2 .tableheadercenter{background-color:#ccc;font-weight:bold;color:#444;text-align:center;}
table#comparison_chart2 .f{text-align:left;color:#555;}



#bringFrakt { }
  
#bringFrakt .bringHelpIconCell { padding-top: 4px; width: 1ex; }
#bringFrakt .bringHelpBox { display: none; }
#bringFrakt .bringSelectedPostautomatInfo { margin: 7px 0px 7px 16px; padding: 6px; background-color: #ffffff; }
#bringFrakt #bringPopUpPostautomatButton { padding: 0px 3px 0px 3px; font-size: 11px; margin-left: 16px; width:auto; overflow:visible;}
#bringFrakt #bringPopUpValgfrittPostkontorButton { padding: 0px 3px 0px 3px; font-size: 11px; margin: -5px 0 5px 16px; width:auto; overflow:visible;}
#bringFrakt .bringSelectedPostautomatInfoLine { margin-bottom: 6px; }

#bringFraktTooltip .bringHelpText { width: 300px; font-size: small; font-family: Arial, Tahoma, sans-serif; }
#bringFraktTooltip { position: absolute; z-index: 3000; border: 2px solid #919195; background-color: #ffffff; padding: 15px; opacity: 1; }
#bringFraktTooltip h3, #bringFraktTooltip div { margin: 0; }
 



.style1 {color: #990000}

.mailwrapper {
float:left;
}


.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a {
	color: #005ABE;
}
.maildiv h2 {
	color: #005ABE;
	font-size: 120%;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}

.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}

#shop_left {
	width:200px;
	
	float:left;
}

#shop_main {
	width:700px;
	
	margin-left:16px;
	float:left;
}


.shop_product {
float:left;
position:relative;
background-color:#FFF; 
border-bottom:1px solid #cccccc;
text-align:left;
width:690px;
margin-bottom:4px;
}


.shop_productpadding {
margin:8px;
width:680px;

}

#shop_main h1 {
font-size:15px;font-weight:bold;margin-bottom:4px;
color:#555;
}

#shop_main .txtcontent {
padding:8px;
}

#shop_main .image {
vertical-align: middle;
}

.facecell_left {	
	width:800px;
	text-align:left;
	color: #1573b7;
	line-height:18px;
	font-size: 90%; 
	float: left;
	height:250px;
}


.facecell_right {		
	width:800px;
	text-align:right;
	color: #1573b7;
	line-height:20px;
	font-size: 90%; 
	float: left;
}



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

Use: cmxform template
Author: Nick Rigby

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

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */




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

Name: cmxform Styles
Author: Nick Rigby 

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

form.cmxform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}
	
#funksjonsliste {
font-size:11px;
line-height:13px;
}

#funksjonsliste H5 {
margin-bottom:15px;
margin-top:15px;
}